@font-face{font-family:Lato;src:url('fonts/Lato-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url('fonts/Lato-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--green:#063d26;--primary:#065f46;--gold:#c69b3f;--pale:#f8fbf8;--heading:#022c22;--footer:#042719;--border:#d6e7dc;--text:#52645a;--shadow:0 14px 34px rgba(7,61,38,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Lato,Arial,sans-serif;color:var(--heading);background:white;font-size:16px;line-height:1.65}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.03em}h2{font-size:clamp(30px,3.3vw,44px)}h3{font-size:23px}p{color:var(--text)}.container{width:min(1240px,calc(100% - 80px));margin:auto}.section{padding:95px 0}.pale{background:var(--pale)}.grid{display:grid;gap:24px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#84601b;margin-bottom:17px}.section-heading{max-width:650px;margin-bottom:42px}.section-heading::before{content:'';display:block;width:55px;height:3px;background:linear-gradient(90deg,var(--green),var(--gold));margin-bottom:23px}.section-heading p{margin-top:18px;max-width:540px}.small-dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:9px;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--primary);color:white;border:1px solid var(--primary);border-radius:50px;padding:14px 25px;font-size:13px;font-weight:700;line-height:1.4;transition:transform .3s,box-shadow .3s,background .3s;white-space:nowrap}.btn:hover{background:#064e3b;transform:translateY(-2px);box-shadow:0 8px 20px #063d261f}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn.outline{background:transparent;border-color:var(--border);color:var(--green)}.btn.outline:hover{border-color:var(--gold);background:#edf4ef}.btn.gold{background:#f2cd73;border-color:#f2cd73;color:#063d26}.btn.gold:hover{background:#f6df9d}.btn.small{padding:11px 17px;font-size:11px;gap:10px}.text-link{font-size:13px;color:var(--green);font-weight:700;display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid var(--gold);padding:7px 0;transition:gap .3s}.text-link:hover{gap:23px}.top-strip{background:linear-gradient(90deg,#063d26,#0b6b3a);color:white;font-size:11px}.top-strip>.container{display:flex;justify-content:space-between;gap:15px;padding-top:9px;padding-bottom:9px}.top-strip>.container>div{display:flex;gap:24px}.site-header{position:sticky;top:0;z-index:30;background:#fffffffa;border-bottom:1px solid var(--border);box-shadow:0 3px 15px #063d2606;backdrop-filter:blur(12px)}.nav-container{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:92px}.wordmark{font-size:31px;font-weight:900;letter-spacing:-.075em;line-height:1}.wordmark-sub{display:block;font-size:8px;letter-spacing:.18em;font-weight:700;line-height:2.2;margin-top:5px}.brand-logo{max-height:45px;width:auto;max-width:150px}.main-nav{display:flex;gap:6px}.nav-link{font-size:11px;letter-spacing:.08em;font-weight:700;text-transform:uppercase;padding:10px 14px;border:1px solid #d1fae5;border-radius:50px;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s}.nav-link.active{background:#f8f4ea;border-color:#c69b3f99}.nav-link:hover{background:#edf4ef;border-color:#c69b3f80;transform:translateY(-2px);box-shadow:0 5px 16px #063d260c}.nav-actions{display:flex;gap:8px}.menu-toggle{display:none;background:none;border:1px solid var(--border);border-radius:50%;width:45px;height:45px;padding:12px}.menu-toggle span{display:block;height:2px;background:var(--green);margin:4px 0}.mobile-menu{margin:0 0 0 auto;height:100dvh;max-height:none;max-width:none;width:min(360px,90vw);border:0;padding:30px;background:var(--pale)}dialog::backdrop{background:#021f15a8;backdrop-filter:blur(5px)}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.menu-close,.viewer-close{border:1px solid var(--border);background:white;border-radius:50%;width:42px;height:42px;font-size:26px;line-height:1}.mobile-menu nav{display:grid;gap:15px;margin-bottom:30px}.mobile-menu>.btn{display:flex;margin:12px 0}.hero{background:linear-gradient(130deg,#f8fbf8,#edf4ef);position:relative;overflow:hidden}.hero::before,.page-banner::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#063d2605 1px,transparent 1px),linear-gradient(90deg,#063d2605 1px,transparent 1px);background-size:44px 44px}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:78px;align-items:center;padding-top:76px;padding-bottom:55px;position:relative}.hero-eyebrow{background:white;width:fit-content;border:1px solid var(--border);border-radius:50px;padding:8px 13px;letter-spacing:.1em}.hero h1{font-size:clamp(43px,4.6vw,66px);line-height:1.08;letter-spacing:-.047em;max-width:650px;font-weight:900}.hero h1>span{color:#9a7425}.hero-copy>p{font-size:18px;line-height:1.75;max-width:505px;margin:26px 0 30px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.hero-note{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--text);margin-top:36px}.note-rule{width:35px;height:1px;background:var(--gold)}.portrait-wrap{height:480px;position:relative;margin:0 0 12px 14px}.portrait-border{position:absolute;inset:15px -15px -15px 15px;border:1px solid var(--gold);border-radius:120px 12px 12px 12px}.portrait-image{position:relative;border-radius:120px 12px 12px 12px;overflow:hidden;background:#063d26;height:100%;box-shadow:var(--shadow)}.portrait-image>img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-image:after,.about-portrait:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#042719e0);pointer-events:none}.portrait-name{position:absolute;bottom:27px;left:30px;z-index:2;color:white}.portrait-name strong{font-size:27px;display:block;line-height:1.3;letter-spacing:-.03em}.portrait-name span{font-size:11px;letter-spacing:.05em;color:#d8e8dd}.portrait-availability{position:absolute;right:-20px;bottom:100px;background:white;box-shadow:var(--shadow);border:1px solid var(--border);border-radius:50px;padding:12px 17px;font-size:11px;color:var(--green)}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:24px 0;font-size:10px;font-weight:700;letter-spacing:.16em;position:relative;color:#63816b}.hero-bottom span+span:before{content:'✦';color:var(--gold);margin-right:35px}.about-preview{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.about-preview .section-heading{margin:0}.large-copy{font-size:19px;line-height:1.8;margin-bottom:20px}.service-card{background:white;padding:33px 30px;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);transition:transform .3s,border-color .3s,box-shadow .3s}.service-card:hover,.project-card:hover{transform:translateY(-4px);border-color:#c69b3f88;box-shadow:0 22px 50px #073d2621}.service-symbol{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#edf4ef;border:1px solid var(--border);border-radius:50%;font-size:14px;font-weight:700;color:#9a7425;margin-bottom:25px}.service-card h3{font-size:23px;margin-bottom:16px}.service-card p{font-size:14px}.service-arrow{display:inline-flex;margin-top:24px;font-size:23px;color:var(--gold)}.statistics-section{background:linear-gradient(100deg,#063d26,#0b6b3a);padding:38px 0}.statistics{display:flex;justify-content:space-around;align-items:center;gap:50px;color:white}.statistics>.eyebrow{margin:0;color:#f2cd73;align-self:center}.statistics>div{display:flex;gap:24px;align-items:center}.statistics strong{font-size:52px;letter-spacing:-.05em;line-height:1}.statistics span:not(.eyebrow){font-size:12px;max-width:130px;color:#d5e8de}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:40px}.heading-row .text-link{flex-shrink:0;margin-bottom:35px}.project-card{background:white;border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,border-color .3s,box-shadow .3s;min-width:0}.project-thumbnail{height:265px;position:relative;overflow:hidden;background:#edf4ef}.project-thumbnail>img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.project-card:hover .project-thumbnail>img{transform:scale(1.045)}.empty-thumbnail{background:#edf4ef;background-image:linear-gradient(#063d2606 1px,transparent 1px),linear-gradient(90deg,#063d2606 1px,transparent 1px);background-size:42px 42px}.slot-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.slot-number{position:absolute;left:24px;top:20px;font-size:12px;color:#6e8978}.slot-type{font-size:65px;color:#94ae9d;line-height:1}.slot-caption{font-size:11px;letter-spacing:.04em;color:#637e6e}.type-badge{position:absolute;right:16px;top:16px;padding:5px 10px;border:1px solid #063d2622;border-radius:50px;background:#ffffffdf;font-size:9px;letter-spacing:.12em;font-weight:700}.project-open{position:absolute;inset:0;background:none;border:none;display:flex;align-items:flex-end;justify-content:flex-end;padding:18px}.project-open>span{background:#edf4ef;color:var(--green);border:1px solid #fff;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:23px;transition:background .3s,color .3s}.project-card:hover .project-open>span{background:var(--primary);color:white}.coming-soon{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#69816f}.project-info{padding:24px}.project-info .eyebrow{font-size:9px;margin-bottom:10px}.project-info h3{font-size:21px}.project-info p{font-size:13px;margin-top:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.companies{border-block:1px solid var(--border);padding:65px 0;background:#fbfcfb}.companies .section-heading{margin-bottom:30px}.companies h2{font-size:30px}.company-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.company{min-height:85px;border-top:1px solid var(--border);padding-top:23px;font-size:14px;font-weight:700;line-height:1.5;color:#45604f}.company-logo{max-height:45px;max-width:95px;object-fit:contain;margin-bottom:12px}.cta-panel{background:linear-gradient(115deg,#063d26,#0b6b3a);color:white;padding:55px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:50px}.cta-panel h2{max-width:590px}.cta-panel .eyebrow{color:#f2cd73}.cta-panel p{color:#d5e8de;margin-top:19px}.site-footer{background:var(--footer);color:white;padding:70px 0 0}.site-footer .eyebrow{color:#f2cd73}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:50px;border-bottom:1px solid #ffffff20}.footer-top h2{font-size:37px;max-width:500px}.footer-middle{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:80px;padding:40px 0}.footer-middle p{color:#b0c5b8;font-size:13px}.footer-middle nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.footer-middle>div{font-size:12px}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:10px;color:#a1bbaa;letter-spacing:.04em}.page-banner{position:relative;overflow:hidden;background:linear-gradient(115deg,#063d26,#0b6b3a);padding:65px 0 70px;color:white}.page-banner .eyebrow{color:#f2cd73}.page-banner h1{font-size:clamp(37px,4vw,55px);max-width:850px}.page-banner p{color:#d6e7dc;margin-top:19px;font-size:16px}.page-banner .container{position:relative}.page-banner::before{background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px)}.about-layout{display:grid;grid-template-columns:.75fr 1.1fr;gap:75px;align-items:start}.about-portrait{position:sticky;top:125px;height:520px;border-radius:80px 10px 10px 10px;overflow:hidden}.about-portrait>img{width:100%;height:100%;object-fit:cover;object-position:center top}.body-copy{color:var(--text);line-height:1.8;font-size:15px}.approach-note{margin:25px 0;border-left:3px solid var(--gold);padding-left:20px;color:var(--green);font-weight:700}.profile-details{margin:25px 0 30px;font-size:13px}.profile-details>div{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:10px 0;border-bottom:1px solid var(--border)}.profile-details dt{color:var(--text)}.profile-details dd{margin:0;overflow-wrap:anywhere}.timeline{position:relative;margin-left:10px;border-left:1px solid #bacfc1}.timeline-item{position:relative;display:grid;grid-template-columns:.8fr 1.4fr;gap:70px;padding:35px 0 35px 40px;border-bottom:1px solid var(--border)}.timeline-item:first-child{padding-top:0}.timeline-dot{position:absolute;left:-5px;top:42px;width:9px;height:9px;background:var(--gold);border:2px solid var(--pale);box-shadow:0 0 0 1px var(--gold);border-radius:50%}.timeline-item:first-child .timeline-dot{top:5px}.timeline-summary .eyebrow{margin-bottom:12px}.timeline-summary h3{font-size:24px;margin-bottom:13px}.timeline-summary .role{font-weight:700;color:var(--green);font-size:14px}.education-card{display:flex;gap:24px;padding:28px;border:1px solid var(--border);border-radius:8px;background:white}.education-symbol{font-size:36px;color:var(--gold);line-height:1}.education-card h3{font-size:20px}.education-card p{font-size:14px;margin-top:10px}.education-card small{color:var(--text)}.skill-group-title{margin:36px 0 20px;font-size:21px}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.skill-card{display:flex;align-items:center;flex-wrap:wrap;gap:13px;border:1px solid var(--border);background:white;border-radius:8px;padding:20px;font-size:13px}.skill-card strong{flex:1}.software-icon{background:var(--green);color:#f2cd73;width:39px;height:39px;border-radius:8px;display:grid;place-items:center;font-size:18px;font-weight:700}.progress{width:100%;background:#edf4ef;height:5px;border-radius:10px;overflow:hidden}.progress>span{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,var(--green),var(--gold));transition:width 1s}.portfolio-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter{background:white;border:1px solid var(--border);border-radius:50px;padding:10px 21px;font-size:12px;font-weight:700;color:var(--green)}.filter.active{background:var(--green);color:white;border-color:var(--green)}.filter:hover{border-color:var(--gold)}.category-label{display:flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.category-label select{min-width:180px;padding:10px 15px;border-radius:50px}.project-count{font-size:11px;letter-spacing:.07em;margin:0 0 25px}.filter-empty{margin-top:35px}.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.contact-panel h2{font-size:37px;margin-bottom:22px}.contact-panel>p{max-width:380px}.contact-links{margin:35px 0}.contact-links>div{padding:20px 0;border-bottom:1px solid var(--border)}.contact-links span{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#847141;margin-bottom:7px}.contact-links a,.contact-links strong{display:block;font-size:17px;font-weight:700;overflow-wrap:anywhere}.socials{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.contact-form-card{background:var(--pale);border:1px solid var(--border);border-radius:22px;padding:40px}.contact-form-card h2{font-size:29px;margin-bottom:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;font-weight:700;color:var(--green);margin-bottom:19px}input,select,textarea{display:block;border:1px solid var(--border);border-radius:13px;background:white;padding:12px 15px;color:var(--heading);width:100%;margin-top:7px;outline:0;font-size:14px;font-weight:400}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #065f4612}input[type=checkbox]{display:inline-block;width:18px;height:18px;accent-color:var(--primary);margin-right:8px;vertical-align:middle}input[type=color]{height:45px;padding:5px}.check-label{display:flex;align-items:center;gap:6px}#form-status{font-size:13px;margin-top:18px}.trap{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden}.project-dialog{padding:0;border:0;border-radius:18px;width:min(1020px,calc(100% - 30px));max-height:92dvh;overflow:auto}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid var(--border)}.viewer-toolbar .eyebrow{margin:0}#viewer-media{background:#edf4ef;min-height:200px;display:flex;align-items:center;justify-content:center}#viewer-media img{width:auto;height:auto;max-height:62dvh;max-width:100%;object-fit:contain}#viewer-media video{width:100%;max-height:62dvh}#viewer-media iframe{width:100%;height:min(56vw,550px);border:0}.viewer-content{padding:25px}.viewer-content h2{font-size:25px}.viewer-content p{margin-top:10px;font-size:14px}.viewer-controls{display:flex;justify-content:space-between;gap:20px;margin-top:25px}.scroll-locked{overflow:hidden}.notice{padding:14px 18px;margin:20px 0;border:1px solid #a9d7ba;border-radius:12px;background:#edf8f0;font-size:13px}.notice.error{background:#fff3ee;border-color:#e6baa6;color:#853b25}.notice.warning{background:#fff9e9;border-color:#e6d29e;color:#7a5819}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--green);color:white;padding:12px 20px;border-radius:8px}.skip-link:focus{top:15px}:focus-visible{outline:3px solid #c69b3f;outline-offset:4px}.auth-body{min-height:100dvh;background:var(--pale);display:grid;place-items:center;padding:30px}.auth-card{width:min(510px,100%);background:white;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:45px}.auth-card h1{font-size:38px;margin-bottom:18px}.auth-card>p{margin-bottom:25px;font-size:14px}.auth-card .btn{width:100%;margin-top:10px}[hidden]{display:none!important}.reveal{animation:appear .65s both}@keyframes appear{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* Administration */
.admin-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100dvh;background:var(--pale)}.admin-sidebar{background:var(--footer);color:white;padding:30px 20px;position:sticky;top:0;height:100dvh;overflow:auto}.admin-sidebar .wordmark{display:block;margin-bottom:35px}.admin-sidebar nav a{display:block;font-size:12px;color:#bfd4c7;padding:10px 14px;border-radius:8px;margin:2px 0}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#ffffff13;color:#f2cd73}.admin-sidebar .sidebar-label{font-size:9px;letter-spacing:.15em;color:#819d8d;text-transform:uppercase;margin:23px 14px 8px}.admin-main{padding:35px 45px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding-bottom:25px;margin-bottom:30px}.admin-top .eyebrow{margin-bottom:10px}.admin-top h1{font-size:32px}.admin-top-actions{display:flex;gap:10px;align-items:center}.admin-card{background:white;border:1px solid var(--border);border-radius:15px;padding:25px;margin-bottom:24px}.admin-card h2{font-size:23px;margin-bottom:20px}.admin-card p{font-size:13px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.admin-form-grid .wide{grid-column:1/-1}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th{text-align:left;font-size:10px;color:#678270;letter-spacing:.08em;text-transform:uppercase;padding:14px 13px;background:var(--pale);border-bottom:1px solid var(--border)}.admin-table td{padding:14px 13px;border-bottom:1px solid var(--border);vertical-align:middle}.admin-table td>strong{font-size:13px}.row-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.row-actions a,.row-actions button{font-size:11px;font-weight:700;border:1px solid var(--border);border-radius:50px;background:white;padding:6px 12px;color:var(--green)}.row-actions form{display:inline-flex;margin:0}.row-actions input{margin:0}.badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.05em;border-radius:50px;padding:4px 8px;background:#e4f2e9;color:var(--green)}.badge.draft{background:#f8f1df;color:#806327}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:30px}.metric{background:white;border:1px solid var(--border);border-radius:15px;padding:25px}.metric span{font-size:11px;color:var(--text);display:block}.metric strong{font-size:39px;letter-spacing:-.04em}.admin-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.admin-module-grid>a{display:block;padding:22px;border:1px solid var(--border);background:white;border-radius:12px;font-weight:700;font-size:14px}.admin-module-grid>a:hover{border-color:var(--gold)}.admin-module-grid small{display:block;font-weight:400;color:var(--text);margin-top:5px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.media-tile{border:1px solid var(--border);border-radius:10px;padding:15px;min-width:0}.media-preview{height:150px;background:#edf4ef;display:grid;place-items:center;margin-bottom:13px;border-radius:7px;overflow:hidden}.media-preview>img,.media-preview>video{width:100%;height:100%;object-fit:contain}.media-tile h3{font-size:14px;overflow-wrap:anywhere}.media-tile p{font-size:11px;margin:6px 0}.media-tile form{margin-top:12px}.media-tile label{font-size:10px;margin-bottom:10px}.upload-drop{padding:20px;border:1px dashed #99b7a3;border-radius:10px;background:var(--pale)}.upload-progress{width:100%;height:7px;accent-color:var(--primary);margin-top:15px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.toolbar form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;margin:0}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.small-help{font-size:11px!important;color:#6b8072;margin:5px 0 20px}.admin-mobile-toggle{display:none}.order-buttons{display:flex;gap:5px}.order-buttons button{border:1px solid var(--border);background:white;color:var(--green);border-radius:5px;font-size:12px;padding:3px 7px}.dirty-note{font-size:12px;color:#806327;margin-right:15px}
@media(min-width:1440px){.hero-grid{gap:100px}.portrait-wrap{height:500px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.nav-link{font-size:10px;padding:9px 10px}.nav-container{gap:10px}.wordmark{font-size:27px}.nav-actions .btn.small{padding:10px 13px;font-size:10px}.hero-grid{gap:45px}.hero h1{font-size:53px}.portrait-wrap{height:450px}.hero-bottom span+span:before{margin-right:15px}.admin-shell{grid-template-columns:205px minmax(0,1fr)}.admin-main{padding:25px}.admin-metrics{grid-template-columns:repeat(2,1fr)}.contact-layout{gap:40px}.about-layout{gap:45px}.timeline-item{gap:40px}}
@media(max-width:900px){.main-nav,.nav-actions{display:none}.menu-toggle{display:block}.nav-container{min-height:80px}.hero-grid{gap:30px;padding-top:55px;padding-bottom:50px}.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.portrait-wrap{height:400px}.portrait-availability{right:-5px;font-size:9px;padding:10px 12px}.hero-bottom{font-size:8px}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.about-preview{gap:40px}.company-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cta-panel{padding:35px;gap:25px}.cta-panel h2{font-size:33px}.cta-panel{align-items:start;flex-direction:column}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout{gap:30px}.contact-form-card{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.footer-middle{gap:35px}.timeline-item{grid-template-columns:.8fr 1.2fr}.admin-module-grid{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:1fr 1fr}.admin-form-grid{grid-template-columns:1fr}.admin-top{align-items:flex-start}.admin-top-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:650px){.container{width:calc(100% - 36px)}.section{padding:60px 0}.top-strip .container{justify-content:center;font-size:9px}.top-strip .container>div{display:none}.nav-container{min-height:73px}.wordmark{font-size:26px}.hero-grid{grid-template-columns:1fr;gap:35px;padding-top:43px}.hero h1{font-size:clamp(38px,10.2vw,55px)}.hero-copy>p{font-size:16px;margin-top:21px}.hero-eyebrow{font-size:9px}.hero-note{margin-top:22px}.portrait-wrap{height:420px;margin:0 12px 5px 0}.portrait-image,.portrait-border{border-top-left-radius:95px}.portrait-availability{right:-9px}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;padding:20px 0}.hero-bottom span+span:before{content:none}.about-preview{grid-template-columns:1fr;gap:25px}.large-copy{font-size:17px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:32px}.three,.two{grid-template-columns:1fr}.service-card{padding:27px}.statistics{flex-wrap:wrap;gap:25px;justify-content:space-between}.statistics>.eyebrow{width:100%}.statistics strong{font-size:42px}.statistics>div{gap:13px}.statistics span:not(.eyebrow){font-size:10px;max-width:90px}.heading-row{display:block}.heading-row .text-link{margin-bottom:28px}.project-thumbnail{height:250px}.company-grid{grid-template-columns:1fr 1fr}.cta-panel{padding:30px 25px;border-radius:15px}.cta-panel h2{font-size:31px}.site-footer{padding-top:50px}.footer-top{display:block}.footer-top h2{font-size:31px}.footer-top>.btn{margin-top:25px}.footer-middle{grid-template-columns:1fr;gap:25px;padding:30px 0}.footer-bottom{flex-direction:column;gap:7px}.page-banner{padding:48px 0}.page-banner h1{font-size:37px}.page-banner p{font-size:14px}.about-layout{grid-template-columns:1fr;gap:40px}.about-portrait{position:relative;top:auto;height:420px}.timeline-item{grid-template-columns:1fr;gap:20px;padding-left:27px}.timeline-summary h3{font-size:23px}.skills-grid{grid-template-columns:1fr 1fr;gap:10px}.skill-card{font-size:11px;padding:14px;gap:10px}.software-icon{width:32px;height:32px;font-size:15px}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-panel h2{font-size:33px}.contact-form-card{padding:25px 20px}.portfolio-toolbar{align-items:start;flex-direction:column}.filter{padding:9px 16px;font-size:11px}.category-label{width:100%}.category-label select{flex:1}.auth-card{padding:30px 23px}.auth-body{padding:20px}.admin-shell{display:block}.admin-sidebar{display:none;position:relative;height:auto}.admin-shell.sidebar-open .admin-sidebar{display:block}.admin-main{padding:20px 16px}.admin-mobile-toggle{display:block;width:100%;padding:12px;border:0;background:var(--green);color:white}.admin-top{display:block}.admin-top-actions{justify-content:start;margin-top:20px}.admin-top h1{font-size:29px}.admin-card{padding:20px 15px}.admin-metrics{gap:10px}.metric{padding:18px}.metric strong{font-size:33px}.admin-module-grid{grid-template-columns:1fr 1fr;gap:10px}.admin-module-grid>a{padding:15px;font-size:12px}.media-grid{grid-template-columns:1fr}.toolbar{align-items:start;flex-direction:column}.toolbar input,.toolbar select{max-width:100%}.form-row{display:block}.admin-table th,.admin-table td{padding:12px 8px}.project-dialog{border-radius:12px}.viewer-content{padding:20px}.viewer-toolbar{padding:12px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.progress>span{width:var(--progress)!important}}
/* Motion update: emerald to warm gold, inspired by the supplied reference. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.hero{background:linear-gradient(125deg,#f8fbf8 0%,#edf5ef 48%,#f9f5e8 100%);isolation:isolate}.hero:after{content:'';position:absolute;z-index:-1;right:-8%;top:-15%;width:65%;height:115%;border-radius:45%;background:radial-gradient(ellipse,#c69b3f32 0%,#1b8f6233 45%,transparent 70%);animation:hero-drift 20s ease-in-out infinite alternate;pointer-events:none}.hero h1>span{background:linear-gradient(100deg,#7d5b18,var(--gold),#0b6b3a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-grid{z-index:1}.hero-bottom{z-index:1}.portrait-border{background:linear-gradient(135deg,#c69b3f15,#0b6b3a0d);animation:portrait-breathe 7s ease-in-out infinite}.portrait-availability{animation:badge-float 6s ease-in-out infinite}.hero-copy .btn,.cta-panel .btn{box-shadow:0 10px 25px #063d2615}.btn:not(.outline):not(.gold){background:linear-gradient(115deg,var(--green),var(--primary),#167857);background-size:130% 100%}.btn{transition:transform .4s var(--motion-ease),box-shadow .4s,background .4s}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px #063d2625}.btn.gold{background:linear-gradient(110deg,#f6dfa0,#eac263,#f5dc9a)}
.site-header{transition:box-shadow .4s,background .4s,border-color .4s}.site-header.is-scrolled{background:#fffffff2;box-shadow:0 9px 30px #063d2610;border-bottom-color:#c69b3f50}.main-nav{position:relative;padding:5px;border:1px solid #dcebe1;background:linear-gradient(100deg,#fff,#f6faf7);border-radius:99px}.nav-link{position:relative;isolation:isolate;overflow:hidden;transition:transform .4s var(--motion-ease),box-shadow .4s,border-color .4s,color .35s}.nav-link:before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(110deg,#e1f4e8,#f6e7bd);opacity:0;transform:translateX(-18%) scale(.9);transition:opacity .35s,transform .5s var(--motion-ease)}.nav-link:hover:before,.nav-link:focus-visible:before{opacity:1;transform:translateX(0) scale(1)}.nav-link:hover{transform:translateY(-3px);color:#063d26;border-color:#c69b3f99;box-shadow:0 9px 19px #063d2612}.nav-link.active{background:linear-gradient(115deg,#f4eddb,#f9f6ee);box-shadow:inset 0 1px 0 white}.wordmark{transition:color .3s,transform .4s var(--motion-ease)}.wordmark:hover{color:#9a7425;transform:translateY(-1px)}.top-strip{background:linear-gradient(105deg,#042719,#0b6b3a 65%,#7b783c)}
.pale{background:radial-gradient(ellipse at 100% 0%,#c69b3f0d,transparent 50%),linear-gradient(135deg,#f8fbf8,#f1f7f2)}.section-heading:before{width:70px;background:linear-gradient(90deg,var(--green),#35a073,var(--gold));border-radius:9px}.service-card{position:relative;overflow:hidden;border-color:#d2e9dc;background:linear-gradient(160deg,#fff 60%,#f2f8f3);transition:transform .5s var(--motion-ease),box-shadow .5s,border-color .4s}.service-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),#3d9b71,var(--gold));transform:scaleX(.3);transform-origin:left;opacity:.45;transition:transform .5s var(--motion-ease),opacity .5s}.service-card:hover:before{transform:scaleX(1);opacity:1}.service-symbol{background:linear-gradient(140deg,#e7f5ed,#f8edcf);border-color:#d2e6d8;transition:transform .5s var(--motion-ease),box-shadow .4s}.service-card:hover .service-symbol{transform:translateY(-4px) rotate(-6deg);box-shadow:0 9px 20px #063d2612}.service-card:hover .service-arrow{transform:translate(4px,-4px)}.service-arrow{transition:transform .4s var(--motion-ease)}
.project-card{transition:transform .5s var(--motion-ease),border-color .4s,box-shadow .5s}.project-card:hover{transform:translateY(-7px)}.slot-art{background:radial-gradient(circle at 100% 100%,#c69b3fa3,transparent 58%),linear-gradient(135deg,#073b27,#1b7753);color:white;overflow:hidden}.slot-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.slot-art:after{content:'';position:absolute;width:160px;height:160px;border:1px solid #ffffff24;border-radius:50%;right:-38px;top:-62px;background:#ffffff09;transition:transform .7s var(--motion-ease)}.project-card:hover .slot-art:after{transform:scale(1.2) translate(-5px,8px)}.slot-art .slot-type{position:relative;color:#fff;opacity:.92;transition:transform .6s var(--motion-ease)}.project-card:hover .slot-type{transform:translateY(-5px) scale(1.06)}.slot-art .slot-number,.slot-art .slot-caption{color:#eef8f0}.project-thumbnail:has(.slot-art) .type-badge{background:#ffffff1f;color:#fff;border-color:#ffffff3f;backdrop-filter:blur(5px)}.project-thumbnail:has(.slot-art) .coming-soon{color:#fff3cf}.project-info{background:linear-gradient(135deg,#fff,#fdfefb)}.project-open>span{background:linear-gradient(135deg,#e6f8ef,#f6ecd1);transition:transform .4s var(--motion-ease),background .3s,color .3s}.project-card:hover .project-open>span{transform:rotate(-8deg);background:var(--primary)}.project-info h3{transition:color .3s}.project-card:hover .project-info h3{color:var(--primary)}
.page-banner,.cta-panel,.statistics-section{background:radial-gradient(ellipse at 100% 95%,#c69b3f65,transparent 55%),linear-gradient(115deg,var(--green),#0b6b3a 70%,#27815c)}.cta-panel{position:relative;overflow:hidden;isolation:isolate}.cta-panel:after{content:'';position:absolute;z-index:-1;width:300px;height:300px;right:-90px;top:-80px;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 50px #ffffff06,0 0 0 100px #ffffff04;animation:portrait-breathe 12s ease-in-out infinite}.about-portrait{box-shadow:0 20px 55px #063d2617;border:1px solid #c69b3f55}.skill-card{background:linear-gradient(125deg,#fff,#fcfdf9);transition:transform .4s var(--motion-ease),border-color .3s}.skill-card:hover{transform:translateY(-4px);border-color:#c69b3f80}.software-icon{background:linear-gradient(135deg,#063d26,#207455);box-shadow:0 5px 12px #063d2614}.company{transition:color .3s,border-color .3s,transform .4s var(--motion-ease)}.company:hover{color:var(--green);border-color:var(--gold);transform:translateY(-3px)}.contact-form-card{background:linear-gradient(145deg,#f7fbf8,#f7f5eb);box-shadow:var(--shadow)}.admin-access-link{color:#d7c38b;text-decoration:underline;text-underline-offset:4px}
/* Experience and education carousels */
.content-slider{position:relative;min-width:0}.slider-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.slider-count{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:#6d816f}.slider-count [data-slide-current]{color:var(--green);font-size:22px}.slider-separator{color:var(--gold)}.slider-buttons{display:flex;gap:8px}.slider-button{border:1px solid var(--border);background:white;color:var(--green);border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:20px;transition:background .3s,transform .4s var(--motion-ease),border-color .3s}.slider-pause{border-radius:50px;width:auto;min-width:73px;padding:0 15px;font-size:11px;font-weight:700}.slider-button:hover{background:#edf5e9;border-color:var(--gold);transform:translateY(-2px)}.slider-track{display:flex;gap:24px;position:relative;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bfd6c6 transparent;border-radius:16px;padding-bottom:12px;align-items:stretch}.slide-card{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:white}.experience-slide{display:grid;grid-template-columns:.8fr 1.4fr;box-shadow:var(--shadow)}.experience-slide-aside{position:relative;padding:42px 35px;overflow:hidden;background:radial-gradient(circle at 100% 100%,#c69b3f8a,transparent 65%),linear-gradient(135deg,#073b27,#207554);color:white}.experience-slide-aside:after{content:'';position:absolute;width:200px;height:200px;right:-100px;top:-90px;border:1px solid #ffffff26;border-radius:50%;background:#ffffff06;pointer-events:none}.experience-slide-aside .eyebrow{color:#f6d58c}.experience-slide-aside h3{font-size:28px;line-height:1.2;margin:35px 0 18px}.experience-slide-aside .role{color:#ecf7ef;font-size:15px;font-weight:700}.slide-index{display:block;color:#e4c170;font-size:12px;letter-spacing:.15em;margin-bottom:35px}.experience-slide-copy{padding:43px 40px;display:flex;justify-content:center;flex-direction:column}.experience-slide-copy .body-copy{font-size:15px;line-height:1.9}.slide-location{font-size:12px;margin-top:16px;color:#dbebdf}.slider-dots{display:flex;gap:9px;justify-content:center;align-items:center;margin-top:18px}.slider-dot{width:9px;height:9px;border:0;border-radius:50px;background:#c7dbcc;padding:0;transition:width .4s var(--motion-ease),background .4s}.slider-dot[aria-current=true]{width:29px;background:linear-gradient(90deg,var(--primary),var(--gold))}.education-slide{display:grid;grid-template-columns:.6fr 1.7fr;min-height:250px}.education-slide-symbol{padding:30px;background:radial-gradient(circle at 0% 100%,#c69b3f70,transparent 70%),linear-gradient(135deg,#0c4a30,#288160);display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;position:relative}.education-slide-symbol>span:first-child{font-size:55px;line-height:1.2;color:#f2d28b}.education-slide-symbol .eyebrow{color:#f7e2b3;margin:10px 0}.education-slide-symbol strong{position:absolute;top:20px;left:24px;font-size:11px;color:#e1eee5}.education-slide-copy{padding:40px;display:flex;align-items:start;justify-content:center;flex-direction:column}.education-slide-copy h3{font-size:29px;line-height:1.25}.education-slide-copy .institution{color:var(--primary);font-weight:700;margin:15px 0 6px}.education-slide-copy p{font-size:14px;margin-top:8px}
/* Project editor direct uploads */
.inline-upload{padding:24px;border:1px dashed #9abb9f;border-radius:14px;background:linear-gradient(135deg,#f1f8f3,#fcf8ed);margin:-5px 0 24px}.inline-upload-heading{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:10px}.inline-upload-heading strong{font-size:16px}.inline-upload .small-help{margin-bottom:12px}.inline-upload-row{display:flex;align-items:center;gap:20px}.inline-upload-row label{flex:1;margin-bottom:0}.inline-upload-row .btn{flex-shrink:0;margin-top:21px}.inline-upload-status{font-size:12px!important;overflow-wrap:anywhere;margin-top:12px;font-weight:700}.inline-upload-preview{background:#e8f2ea;border-radius:12px;padding:12px;margin:14px 0}.inline-upload-preview img,.inline-upload-preview video{max-height:250px;max-width:100%;width:auto;margin:auto;border-radius:7px}.project-add-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-sidebar{background:radial-gradient(ellipse at 0% 0%,#2773547a,transparent 50%),var(--footer)}.admin-card{box-shadow:0 8px 24px #063d2604}.metric{background:linear-gradient(140deg,#fff,#f2f8ed);border-top:3px solid #c69b3f80}.auth-body{background:radial-gradient(ellipse at 10% 20%,#166d4226,transparent 50%),radial-gradient(ellipse at 95% 90%,#c69b3f2b,transparent 50%),#f8fbf8}.auth-card{border-top:3px solid var(--gold)}
/* Entrance states are added only after an observer has been created. */
.motion-ready{animation:none;opacity:0;transform:translateY(24px);transition:opacity .7s var(--motion-ease) var(--reveal-delay,0ms),transform .8s var(--motion-ease) var(--reveal-delay,0ms)}.motion-ready.is-visible{opacity:1;transform:translateY(0)}.project-card.motion-ready.is-visible:hover{transform:translateY(-7px)}.skill-card.motion-ready.is-visible:hover{transform:translateY(-4px)}
@keyframes hero-drift{from{transform:translate3d(-20px,-10px,0) rotate(-5deg)}to{transform:translate3d(30px,20px,0) rotate(8deg)}}@keyframes portrait-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:900px){.experience-slide{grid-template-columns:.9fr 1.1fr}.experience-slide-aside{padding:32px 25px}.experience-slide-copy{padding:32px 27px}.experience-slide-aside h3{font-size:24px}.education-slide-copy h3{font-size:25px}.education-slide-copy{padding:30px}.education-slide{grid-template-columns:.7fr 1.5fr}}
@media(max-width:650px){.hero:after{width:130%;height:70%;top:40%}.experience-slide,.education-slide{grid-template-columns:1fr}.experience-slide-aside{padding:27px 25px}.experience-slide-aside h3{margin-top:15px}.slide-index{margin-bottom:18px}.experience-slide-copy{padding:28px 25px}.experience-slide-copy .body-copy{font-size:14px}.education-slide-symbol{min-height:135px;padding:15px}.education-slide-symbol>span:first-child{font-size:40px}.education-slide-copy{padding:28px 25px}.education-slide-copy h3{font-size:24px}.inline-upload{padding:20px 16px}.inline-upload-row{display:block}.inline-upload-row .btn{margin-top:15px}.inline-upload-heading{align-items:start;gap:8px}.inline-upload-heading strong{font-size:14px}.slide-card{border-radius:12px}.slider-track{border-radius:12px}.hero h1>span{background-image:linear-gradient(100deg,#7d5b18,#a47a26,#0b6b3a)}}
@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1!important;transform:none!important}.slider-track{scroll-behavior:auto}.hero:after,.portrait-border,.portrait-availability,.cta-panel:after{animation:none!important}}
/* Reference-inspired career progress card above the complete experience list. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.career-overview-wrap{padding:16px 0 60px;display:flex;justify-content:center}.career-card{width:min(700px,100%);border-radius:36px;padding:34px 36px 30px;background:radial-gradient(ellipse at 12% 0%,#ffffff0c,transparent 55%),linear-gradient(155deg,#3a3e3b,#1c211e 80%);border:1px solid #ffffff1c;box-shadow:0 28px 60px #0d1d192b,inset 0 2px 4px #ffffff12,inset 0 -3px 6px #0009;color:#f5f8f4;position:relative;isolation:isolate}.career-card:before{content:'';position:absolute;inset:2px;border-radius:34px;border:1px solid #ffffff05;pointer-events:none}.career-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.career-spark{font-size:23px;line-height:1;color:#eaf4e8}.career-pill{border:1px solid #ffffff13;border-radius:50px;font-size:10px;padding:5px 11px;color:#cbd5ce;background:#ffffff04;letter-spacing:.025em}.career-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.career-title-row h3{font-size:25px;font-weight:400;letter-spacing:-.02em}.career-count{display:flex;align-items:baseline;gap:12px;line-height:1.2;margin:13px 0 18px}.career-count strong{font-size:56px;letter-spacing:-.06em;font-weight:400}.career-count>span{font-size:23px;color:#9da8a1}.career-count small{font-size:12px;margin-left:5px;letter-spacing:.04em}.career-bar{height:43px;border-radius:50px;background:linear-gradient(90deg,#4d5b55,#606e68);border:1px solid #ffffff13;position:relative;overflow:visible;isolation:isolate}.career-bar-fill{position:absolute;left:-1px;top:-1px;bottom:-1px;width:calc(100% + 2px);border-radius:50px;background:linear-gradient(90deg,#b7ff66,#65fdbf,#65f5db);box-shadow:0 0 17px #9dff6e65,0 0 35px #68f7bc26;transform-origin:left;transform:scaleX(var(--career-progress));transition:transform .9s var(--motion-ease);overflow:hidden}.career-bar-fill:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#ffffff60,transparent 80%);transform:translateX(-100%);animation:career-sheen 5s ease-in-out infinite;animation-play-state:paused}.career-card[data-running=true] .career-bar-fill:after{animation-play-state:running}.career-bar-caption{position:absolute;right:15px;top:0;bottom:0;display:flex;align-items:center;font-size:11px;color:#fff;z-index:2;text-shadow:0 1px 4px #0008;font-weight:700;letter-spacing:.08em;background:#18261c44;padding:0 9px;border-radius:50px;height:25px;margin:auto 0}.career-panels{margin-top:24px;min-height:78px}.career-highlight:not([hidden]){animation:career-enter .5s var(--motion-ease)}.career-highlight>strong{font-size:21px;font-weight:700;line-height:1.3;display:block;letter-spacing:-.02em}.career-highlight>p{font-size:14px;color:#b9c8be;margin-top:7px}.career-note{font-size:12px;color:#b0bab3;line-height:1.5;margin:8px 0 21px}.career-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.career-companies{display:flex;gap:7px;flex-wrap:wrap}.career-company{width:42px;height:42px;background:linear-gradient(145deg,#454d47,#272f29);border:1px solid #ffffff27;color:#d9e7dd;border-radius:12px;font-size:11px;font-weight:700;display:grid;place-items:center;padding:5px;transition:transform .35s var(--motion-ease),border-color .3s,box-shadow .3s}.career-company img{width:100%;height:100%;object-fit:contain;border-radius:6px}.career-company[aria-current=true]{border-color:#a8ed8e;box-shadow:0 0 0 2px #a8ed8e18,0 0 13px #7ffd9617;color:#d9ffc8;transform:translateY(-3px)}.career-company:hover{transform:translateY(-4px);border-color:#d8efd4}.career-details{padding:7px 14px;border-radius:50px;font-size:11px;border:1px solid #8c9e9360;background:linear-gradient(#50615926,#17231b);box-shadow:inset 0 1px 3px #ffffff15,0 3px 6px #0003;display:flex;align-items:center;gap:14px;white-space:nowrap;transition:transform .35s var(--motion-ease),border-color .3s}.career-details:hover{transform:translateY(-2px);border-color:#c0e3b6}.career-controls{display:flex;align-items:center;gap:5px}.career-controls>button{width:29px;height:29px;border-radius:50px;border:1px solid #ffffff24;background:#ffffff08;color:#dce8df;font-size:13px;display:grid;place-items:center}.career-controls>[data-career-pause]{width:auto;min-width:48px;padding:0 9px;font-size:9px}.career-controls>button:hover{background:#ffffff16;border-color:#b3d9aa}
.experience-stack{display:grid;gap:30px;position:relative}.experience-stack:before{content:'';position:absolute;left:24px;top:40px;bottom:40px;width:1px;background:linear-gradient(var(--gold),#b9d3c0,var(--gold));opacity:.6}.experience-detail{display:grid;grid-template-columns:50px minmax(0,1fr);gap:25px;align-items:start;scroll-margin-top:125px}.experience-detail-marker{position:relative;width:50px;height:50px;background:#f8fbf8;border:1px solid #c7dcca;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#88702e;box-shadow:0 0 0 7px var(--pale);z-index:1;margin-top:27px}.experience-detail-main{border:1px solid var(--border);border-radius:18px;padding:34px 38px;background:linear-gradient(135deg,#fff,#fcfdf9);box-shadow:0 12px 32px #063d2606;min-width:0}.experience-detail-header{display:flex;align-items:center;gap:19px;padding-bottom:24px;border-bottom:1px solid var(--border);position:relative;flex-wrap:wrap}.experience-detail-header>div:nth-child(2){flex:1;min-width:0}.experience-company-icon{width:55px;height:55px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#e7f3e9,#f4e8c8);border:1px solid #d4e2d5;color:var(--green);font-size:14px;font-weight:700;padding:8px}.experience-company-icon img{width:100%;height:100%;object-fit:contain}.experience-detail-header .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:10px}.experience-detail-header h3{font-size:clamp(21px,2.2vw,29px);line-height:1.25}.current-role-badge{display:inline-flex;border-radius:50px;color:var(--primary);font-size:10px;padding:6px 11px;border:1px solid #badcc7;background:#ecf8ef;font-weight:700}.experience-meta{font-size:12px;color:#7d734f;margin-top:20px}.experience-summary{margin-top:24px}.responsibilities-heading{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin:29px 0 18px}.responsibilities-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.responsibilities-list li{position:relative;padding-left:23px;color:var(--text);font-size:14px;line-height:1.8}.responsibilities-list li:before{content:'';width:6px;height:6px;background:linear-gradient(135deg,var(--gold),#5ca66e);border-radius:50%;position:absolute;left:0;top:10px}.experience-detail-main{transition:border-color .4s,box-shadow .4s}.experience-detail-main:hover{border-color:#c69b3f70;box-shadow:0 18px 45px #063d260d}
/* One-click WhatsApp with an opening flourish and a normal-link fallback. */
.whatsapp-widget{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:45;isolation:isolate;max-width:calc(100vw - 36px)}.whatsapp-float{display:flex;align-items:center;gap:11px;border-radius:50px;padding:12px 18px 12px 12px;position:relative;background:linear-gradient(120deg,#075e3e,#128c53 55%,#1ba66a);border:1px solid #ffffff55;color:white;box-shadow:0 10px 30px #04462d35,inset 0 1px 1px #ffffff28;transition:transform .45s var(--motion-ease),box-shadow .45s,background .35s;min-height:59px}.whatsapp-float:before{content:'';position:absolute;inset:-5px;border-radius:inherit;border:1px solid #168e5740;z-index:-1;animation:whatsapp-breathe 4s ease-out infinite;pointer-events:none}.whatsapp-icon{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;transition:transform .4s var(--motion-ease)}.whatsapp-label{font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap}.whatsapp-arrow{font-size:18px;line-height:1}.whatsapp-float:hover{transform:translateY(-5px);box-shadow:0 17px 36px #04462d42}.whatsapp-float:hover .whatsapp-icon{transform:rotate(-8deg) scale(1.08)}.whatsapp-click-ring{position:absolute;inset:0;border:2px solid #c0ff9a;border-radius:inherit;pointer-events:none;opacity:0}.whatsapp-open-feedback{position:absolute;right:10px;bottom:calc(100% + 14px);padding:9px 14px;border-radius:12px;background:white;color:#075e3e;box-shadow:0 7px 23px #063d2625;border:1px solid #cce5d1;font-size:11px;font-weight:700;opacity:0;transform:translateY(10px) scale(.9);pointer-events:none}.whatsapp-widget.is-opening .whatsapp-float{animation:whatsapp-open .28s ease-out both;background:linear-gradient(120deg,#087344,#159c64,#65bb6c)}.whatsapp-widget.is-opening .whatsapp-icon{animation:whatsapp-icon-pop .28s ease-out both}.whatsapp-widget.is-opening .whatsapp-click-ring{animation:whatsapp-click-wave .4s ease-out both}.whatsapp-widget.is-opening .whatsapp-open-feedback{animation:whatsapp-feedback .24s ease-out both}
@keyframes career-sheen{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}@keyframes career-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes whatsapp-breathe{0%{transform:scale(.98);opacity:.7}65%,100%{transform:scale(1.08);opacity:0}}@keyframes whatsapp-open{0%{transform:scale(1)}40%{transform:scale(.95)}100%{transform:translateY(-4px) scale(1.025)}}@keyframes whatsapp-icon-pop{0%{transform:rotate(0) scale(1)}65%{transform:rotate(-14deg) scale(1.18)}100%{transform:rotate(0) scale(1)}}@keyframes whatsapp-click-wave{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes whatsapp-feedback{to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){.career-overview-wrap{padding-top:5px;padding-bottom:40px}.career-card{padding:25px 22px;border-radius:26px}.career-title-row{gap:8px}.career-title-row h3{font-size:21px}.career-count strong{font-size:48px}.career-count>span{font-size:20px}.career-bar{height:37px}.career-highlight>strong{font-size:20px}.career-highlight>p{font-size:12px}.career-controls{gap:3px}.career-controls>button{width:25px;height:25px;font-size:11px}.career-controls>[data-career-pause]{min-width:39px;padding:0 6px;font-size:8px}.career-panels{min-height:88px}.career-bottom{align-items:start;flex-direction:column;gap:17px}.career-company{width:38px;height:38px;border-radius:10px}.career-details{align-self:flex-end}.experience-stack{gap:22px}.experience-stack:before{display:none}.experience-detail{grid-template-columns:1fr;gap:0}.experience-detail-marker{display:none}.experience-detail-main{padding:25px 21px;border-radius:14px}.experience-detail-header{gap:13px;padding-bottom:20px}.experience-company-icon{width:43px;height:43px;font-size:11px;border-radius:11px}.experience-detail-header h3{font-size:21px}.experience-detail-header .eyebrow{font-size:9px;line-height:1.6}.current-role-badge{margin-left:56px}.responsibilities-list li{font-size:13px;padding-left:20px}.whatsapp-widget{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.whatsapp-float{padding:10px 14px 10px 10px;gap:8px;min-height:53px}.whatsapp-label{font-size:11px}.whatsapp-icon{width:30px;height:30px}.site-footer{padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){.career-bar-fill{transition:none!important}.career-bar-fill:after,.career-highlight,.whatsapp-float:before,.whatsapp-widget.is-opening *{animation:none!important}.whatsapp-float,.whatsapp-icon{transition:none!important}}
.site-footer{padding-bottom:85px}
/* Company experience: responsive cards with restrained gradient motion. */
.companies{background:radial-gradient(ellipse at 95% 0%,#e9f3e6,transparent 55%),linear-gradient(160deg,#fff,#fafbf6)}
.company-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;align-items:stretch}
.company-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;position:relative;isolation:isolate;overflow:hidden;padding:23px 21px 25px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#fff,#f2f7ef);box-shadow:0 10px 27px #063d2606;color:var(--heading);font-weight:400;transition:transform .45s var(--motion-ease),box-shadow .45s,border-color .35s}
.company-card:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 95% 0%,#e2c7774d,transparent 60%),linear-gradient(135deg,#ecf6e8,#fff);opacity:0;transition:opacity .45s}
.company-card:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),#79a475,var(--gold));transform:scaleX(.18);transform-origin:left;transition:transform .55s var(--motion-ease)}
.company-card:hover,.company-card:focus-visible,.company-card.motion-ready.is-visible:hover{transform:translateY(-7px);box-shadow:0 20px 40px #063d2613;border-color:#bba15c90}
.company-card:hover:before,.company-card:focus-visible:before{opacity:1}.company-card:hover:after,.company-card:focus-visible:after{transform:scaleX(1)}
.company-card-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:23px}.company-card-index{font-size:10px;letter-spacing:.12em;color:#7b8068}.company-card-arrow{display:grid;place-items:center;width:27px;height:27px;border:1px solid #c6dbcb;border-radius:50%;color:var(--primary);transition:transform .4s var(--motion-ease),background .3s,color .3s}
.company-card:hover .company-card-arrow,.company-card:focus-visible .company-card-arrow{transform:rotate(45deg);background:var(--green);color:white}
.company-card-logo{width:59px;height:59px;padding:9px;display:grid;place-items:center;background:linear-gradient(135deg,#e4f0df,#f4e8c8);border:1px solid #d1dfce;border-radius:17px;margin-bottom:22px;transition:transform .45s var(--motion-ease)}
.company-card-logo>span{font-size:17px;font-weight:900;color:var(--green);letter-spacing:-.03em}.company-card-logo .company-logo{max-width:100%;max-height:100%;margin:0;object-fit:contain}.company-card:hover .company-card-logo{transform:translateY(-3px) rotate(-4deg)}
.company-card h3{font-size:19px;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere;margin-bottom:12px}.company-card>p{font-size:12px;line-height:1.65;margin-bottom:25px;overflow-wrap:anywhere}.company-card-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:auto;padding-top:16px;border-top:1px solid #cbdcc9;font-size:11px;font-weight:700;color:var(--primary)}.company-card-caption>span{transition:transform .35s}.company-card:hover .company-card-caption>span{transform:translateX(4px)}
/* Every qualification stays visible below its independently animated overview. */
.education-overview{background:radial-gradient(ellipse at 95% 0%,#b9a25744,transparent 55%),linear-gradient(135deg,#083e2b,#176c4f);box-shadow:0 25px 55px #063d261c,inset 0 1px 2px #ffffff26}
.education-overview .career-panels{min-height:112px}.education-overview .career-title-row h3{font-size:24px}.education-overview .career-note{color:#d0dfd3}.education-overview .career-highlight>p{color:#d2e5d5}.education-overview .career-pill{color:#d6eadb;border-color:#ffffff35}.education-overview .career-count>span{color:#c5ddcc}.education-overview .career-bar{background:#083624}.education-overview .career-company{background:linear-gradient(135deg,#2e7958,#174e39)}
.education-stack{display:grid;gap:23px;position:relative}.education-detail{display:grid;grid-template-columns:105px minmax(0,1fr) 28px;gap:29px;padding:29px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#fff,#f8fbf4);box-shadow:0 10px 30px #063d2605;position:relative;scroll-margin-top:115px;min-width:0;transition:border-color .4s,box-shadow .45s,transform .45s var(--motion-ease)}
.education-detail:before{content:'';position:absolute;left:0;top:26px;bottom:26px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(var(--green),var(--gold));transform:scaleY(.25);opacity:.45;transition:transform .5s var(--motion-ease),opacity .4s}
.education-detail:hover,.education-detail:focus,.education-detail:target,.education-detail.motion-ready.is-visible:hover{border-color:#c4ac6f;box-shadow:0 20px 45px #063d2610;transform:translateY(-4px)}.education-detail:hover:before,.education-detail:focus:before,.education-detail:target:before{transform:scaleY(1);opacity:1}
.education-number{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:105px;align-self:start;padding:16px;border-radius:17px;border:1px solid #d5e1cc;background:radial-gradient(ellipse at 100% 100%,#d8be7960,transparent 70%),linear-gradient(145deg,#e3efe1,#f2f6ea);color:var(--primary)}.education-number>span:first-child{font-size:11px;letter-spacing:.13em;font-weight:700}.education-number>span:last-child{font-size:39px;line-height:1.1}
.education-detail-copy{min-width:0}.education-detail-copy .eyebrow{font-size:9px;margin:2px 0 11px}.education-detail h3{font-size:clamp(22px,2.2vw,28px);line-height:1.3;overflow-wrap:anywhere}.education-institution{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:var(--primary);margin-top:12px;overflow-wrap:anywhere}.education-logo{width:35px;height:35px;object-fit:contain;flex-shrink:0}.education-dates{font-size:12px;margin-top:8px;color:#8b6a2c}.education-description{font-size:14px;line-height:1.8;margin-top:16px}.education-detail-accent{width:28px;height:28px;border-radius:50%;border:1px solid #d4dfca;display:grid;place-items:center;color:#728b68;transition:transform .4s,background .4s,color .4s}.education-detail:hover .education-detail-accent{transform:rotate(45deg);background:var(--green);color:white}
/* Independent portrait assignments in one admin screen. */
.page-images-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:30px 0}.page-image-panel{min-width:0;padding:23px;border:1px solid var(--border);border-radius:17px;background:#fcfdf9}.page-image-panel h3{font-size:23px;margin-bottom:22px}.page-image-panel .eyebrow{font-size:10px;margin-bottom:11px}.page-image-panel>label{display:block}.page-image-upload{margin:20px 0 0;padding:18px}.page-image-upload .inline-upload-row{display:block}.page-image-upload .inline-upload-row .btn{margin-top:14px}.page-image-upload .inline-upload-preview img{height:230px;width:100%;object-fit:contain}.page-image-panel input,.page-image-panel select{max-width:100%;min-width:0}.page-image-panel .inline-upload-heading{flex-wrap:wrap;gap:8px}
/* Text and grid children can shrink at narrow widths without clipping content. */
.hero-grid>*,.about-layout>*,.about-preview>*,.career-title-row>*,.admin-form-grid>*,.footer-grid>*,.contact-layout>*{min-width:0}.career-title-row h3,.career-highlight strong,.career-highlight p,.experience-detail-header h3,.experience-detail-header .eyebrow,.service-card h3,.skill-card h3{overflow-wrap:anywhere}.career-controls{flex-shrink:0}.profile-details a,.contact-details a{overflow-wrap:anywhere}.experience-detail:target .experience-detail-main{border-color:var(--gold);box-shadow:0 15px 45px #9a742518}.page-image-panel input[type=file]{width:100%}
@media(max-width:1100px){.company-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{gap:40px}.about-layout{gap:40px}.page-images-grid{grid-template-columns:1fr}.page-image-upload .inline-upload-preview img{height:260px}}
@media(max-width:760px){.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-card{padding:23px}.education-detail{grid-template-columns:80px minmax(0,1fr);padding:24px;gap:23px}.education-number{min-height:95px}.education-detail-accent{display:none}.education-overview .career-title-row{align-items:flex-start;flex-wrap:wrap}.education-overview .career-title-row h3{font-size:22px}}
@media(max-width:650px){.hero-grid{gap:35px}.education-detail{grid-template-columns:56px minmax(0,1fr);gap:16px;padding:23px 19px;border-radius:15px}.education-number{min-height:75px;border-radius:12px;padding:11px}.education-number>span:last-child{font-size:27px}.education-detail h3{font-size:21px}.education-institution,.education-description{font-size:13px}.education-detail-copy .eyebrow{font-size:8px;letter-spacing:.1em}.education-overview .career-panels{min-height:126px}.career-title-row{flex-wrap:wrap}.career-count small{font-size:11px}.company-card h3{font-size:19px}.page-images-grid{gap:18px;margin:23px 0}.page-image-panel{padding:18px}.page-image-upload{padding:14px}.hero-bottom{flex-wrap:wrap;justify-content:center;gap:12px}.hero-bottom span+span:before{margin-right:12px}.hero-buttons .btn{white-space:normal}.admin-form-grid{grid-template-columns:minmax(0,1fr)}.admin-top-actions{flex-wrap:wrap}.statistics{flex-wrap:wrap;gap:24px}.statistics>div{min-width:0}.statistics strong{font-size:46px}}
@media(max-width:450px){.company-grid{grid-template-columns:minmax(0,1fr);gap:16px}.company-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:0 18px;padding:23px}.company-card-top{grid-column:1/-1;margin-bottom:17px}.company-card-logo{grid-row:2/4;width:56px;height:56px;margin:0}.company-card h3{margin-bottom:9px}.company-card>p{margin:0 0 20px}.company-card-caption{grid-column:1/-1}.hero h1{font-size:clamp(32px,10vw,43px)}.portrait-wrap{height:370px}.profile-details>div{grid-template-columns:75px minmax(0,1fr);gap:12px}.career-card{padding:23px 19px}.career-count{flex-wrap:wrap;gap:7px 12px}.education-detail{grid-template-columns:minmax(0,1fr)}.education-number{width:64px;min-height:64px;flex-direction:row;gap:9px}.education-number>span:last-child{font-size:24px}.education-overview .career-panels{min-height:145px}.page-image-panel{padding:14px}.page-image-upload .inline-upload-preview img{height:210px}.top-strip .container{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.company-card:hover,.company-card:focus-visible,.education-detail:hover,.education-detail:focus,.education-detail:target{transform:none!important}.education-detail:before{transition:none}.education-overview .career-highlight{animation:none!important}}
/* Selected case studies: editorial covers, clear roles and a dedicated story page. */
.preview-banner{padding:10px 22px;text-align:center;background:#f7edcd;color:#5d481b;font-size:12px;border-bottom:1px solid #dfc77d}.showcase-help{margin-bottom:23px}.showcase-help p{font-size:13px}.showcase-help .text-link{margin-top:8px}
.case-section{background:radial-gradient(ellipse at 100% 0%,#e1eadb70,transparent 48%),#fff}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.case-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:23px;overflow:hidden;background:#fff;box-shadow:0 12px 35px #063d2608;transition:transform .5s var(--motion-ease),box-shadow .4s,border-color .4s}.case-card:hover,.case-card.motion-ready.is-visible:hover{transform:translateY(-7px);box-shadow:0 24px 50px #063d2617;border-color:#b29b56aa}.case-card-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e3ecdf}.case-card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--motion-ease)}.case-card:hover .case-card-image>img{transform:scale(1.045)}.case-card-number{position:absolute;top:19px;left:20px;font-size:10px;font-weight:700;letter-spacing:.14em;padding:6px 10px;border-radius:50px;background:#ffffffdf;color:var(--green);border:1px solid #fff8}.case-card-open{position:absolute;right:22px;bottom:22px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff8;background:#fffffff0;color:var(--green);font-size:23px;transition:transform .4s,background .4s,color .4s}.case-card:hover .case-card-open{transform:rotate(45deg);background:var(--green);color:#fff}.case-card-copy{padding:28px 30px;display:flex;flex-direction:column;flex:1;min-width:0}.case-card-copy .eyebrow{font-size:9px;margin-bottom:13px}.case-card-copy h3{font-size:clamp(24px,2.3vw,31px);line-height:1.2;overflow-wrap:anywhere}.case-card-copy>p{font-size:14px;line-height:1.8;margin-top:14px}.case-card-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:19px;margin-top:auto;font-size:11px;color:var(--primary)}.case-card-copy>p+.case-card-footer{margin-top:25px}.case-card-footer>span:last-child{font-weight:700}.case-art{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 85% 0%,#b7a15b70,transparent 55%),linear-gradient(145deg,#083e2e,#2d7f5f);isolation:isolate}.case-card:nth-child(2n) .case-art{background:radial-gradient(ellipse at 5% 0%,#c8ae5c70,transparent 60%),linear-gradient(135deg,#dbe6d6,#acbfa5)}.case-art-letter{font-size:clamp(90px,13vw,170px);line-height:1;font-weight:900;letter-spacing:-.06em;color:#f5e5b6;transform:rotate(-8deg);text-shadow:8px 12px 0 #03291e33}.case-card:nth-child(2n) .case-art-letter{color:#16482f;text-shadow:8px 12px 0 #fff4}.case-art-ring{position:absolute;width:67%;aspect-ratio:1;border:1px solid #ebddb477;border-radius:50%;transform:translate(40%,10%);box-shadow:0 0 0 35px #fff04,0 0 0 70px #ffffff05}.case-art-frame{position:absolute;width:47%;height:67%;border:1px solid #ffffff40;transform:rotate(-17deg) translate(-18%,-5%);border-radius:6px;background:linear-gradient(145deg,#ffffff12,transparent)}
/* Showreel: artwork fallback, an actual play link when media is assigned, no autoplay. */
.showreel-section{padding:86px 0;background:radial-gradient(ellipse at 95% 0%,#c69b3f2e,transparent 48%),linear-gradient(135deg,#052f23,#0b5139);color:white;overflow:hidden}.showreel-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.showreel-copy{min-width:0}.showreel-copy .eyebrow{color:#e2c478;font-size:10px}.showreel-copy h2{font-size:clamp(34px,3.6vw,48px);max-width:440px}.showreel-copy>p{color:#c4dbcd;margin:24px 0 28px;font-size:16px;line-height:1.8}.reel-duration{font-size:11px;color:#d9e7db;display:inline-block;margin:15px}.showreel-stage{position:relative;min-width:0;aspect-ratio:16/10;border-radius:25px;overflow:hidden;border:1px solid #d1e0c94a;background:#183e2d;box-shadow:0 25px 65px #001c1b55}.showreel-poster{width:100%;height:100%;object-fit:cover}.showreel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff9;background:#ffffffeb;color:var(--green);font-size:43px;backdrop-filter:blur(6px);box-shadow:0 0 0 12px #ffffff13,0 12px 35px #002c2455;transition:background .35s,box-shadow .45s}.showreel-play:hover{background:#f7d78f;box-shadow:0 0 0 19px #ffffff13,0 12px 35px #002c2455}.reel-stage-label{position:absolute;bottom:20px;left:22px;color:#e9f2e7;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid #ffffff38;background:#052a1dcc;backdrop-filter:blur(6px);border-radius:50px;padding:7px 13px}.reel-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 20% 5%,#4b926177,transparent 65%),linear-gradient(135deg,#163f31,#071f19);isolation:isolate}.reel-art-word{position:absolute;left:13%;top:15%;font-size:clamp(40px,5.3vw,74px);font-weight:900;letter-spacing:-.055em;line-height:1.03;color:#f8e3a2;transform:rotate(-5deg)}.reel-art-orbit{position:absolute;width:66%;aspect-ratio:1;right:-14%;top:6%;border:1px solid #ddc78488;border-radius:50%;box-shadow:0 0 0 24px #fff03,0 0 0 48px #ffffff03;animation:reel-orbit 10s ease-in-out infinite alternate}.reel-art-line{position:absolute;width:56%;height:1px;top:67%;left:16%;background:linear-gradient(90deg,#e2c674,transparent);transform:rotate(-15deg)}.reel-art-timeline{display:flex;gap:7px;position:absolute;left:13%;right:13%;bottom:18%;height:22px;transform:rotate(-5deg)}.reel-art-timeline>span{flex:1;border:1px solid #f4d48566;background:linear-gradient(90deg,#bca15e44,#1b6442);border-radius:4px}.reel-art-timeline>span:nth-child(2n){flex:1.6;background:#bca15e77}.reel-transcript{margin-top:24px;color:#d4e7d9;font-size:12px}.reel-transcript summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.reel-transcript p{color:#d4e7d9;margin-top:14px;font-size:13px;max-height:340px;overflow:auto}
.showreel-dialog{width:min(1000px,calc(100% - 40px));max-height:90dvh;border:1px solid #416455;border-radius:21px;background:#041c16;color:white;padding:0;overflow:auto}.showreel-dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px}.showreel-dialog-toolbar h2{font-size:19px;letter-spacing:-.02em}.showreel-close{border:1px solid #ffffff42;border-radius:50%;width:39px;height:39px;background:#ffffff0a;color:white;font-size:25px;flex-shrink:0}.showreel-media{aspect-ratio:16/9;background:black}.showreel-media video,.showreel-media iframe{width:100%;height:100%;display:block;border:0;object-fit:contain}
/* Leadership and authentic feedback. */
.leadership-section{background:radial-gradient(ellipse at 0% 100%,#f1e7c94d,transparent 45%),#f8fbf7}.leadership-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:start}.leadership-intro{min-width:0}.leadership-intro .section-heading{margin-bottom:30px}.leadership-principle{border:1px solid #cfdfce;border-radius:19px;overflow:hidden;background:linear-gradient(135deg,#e9f0df,#f6edd2)}.leadership-principle>img{width:100%;max-height:320px;object-fit:cover}.leadership-principle>div{padding:28px 31px}.leadership-principle .eyebrow{font-size:9px;margin-bottom:16px}.leadership-principle p{font-size:21px;font-weight:700;line-height:1.5;color:var(--green);letter-spacing:-.025em}.leadership-signature{display:block;margin-top:23px;font-size:11px;letter-spacing:.06em;color:#6b7659}.leadership-strengths{display:grid;gap:17px}.leadership-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:26px;border:1px solid #d6e3d1;border-radius:16px;background:#ffffffd9;box-shadow:0 8px 24px #063d2605;transition:transform .4s var(--motion-ease),border-color .4s,box-shadow .4s}.leadership-card:hover,.leadership-card.motion-ready.is-visible:hover{transform:translateY(-4px);border-color:#b39b5b99;box-shadow:0 16px 35px #063d2610}.leadership-symbol{width:48px;height:48px;border:1px solid #d4dec9;border-radius:14px;display:grid;place-items:center;font-size:12px;font-weight:700;background:linear-gradient(135deg,#e3efd9,#f4e7c5);color:var(--primary)}.leadership-card h3{font-size:22px;line-height:1.3;overflow-wrap:anywhere}.leadership-card p{font-size:14px;margin-top:13px;line-height:1.8}.leadership-card .leadership-evidence{padding:14px 0 0;border-top:1px solid var(--border);font-size:13px;color:var(--green)}.leadership-card .text-link{font-size:11px;margin-top:13px}.testimonial-section{background:linear-gradient(145deg,#fff,#f4f8ed)}.testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.testimonial-card{margin:0;padding:31px;border:1px solid #d9e4cf;border-radius:22px;background:#fff;box-shadow:0 15px 40px #063d2607;display:flex;flex-direction:column;min-width:0}.testimonial-mark{font-family:Georgia,serif;font-size:76px;color:#ac8c3b;line-height:.9;height:49px}.testimonial-card blockquote{margin:19px 0 29px;font-size:19px;line-height:1.7;color:var(--green);letter-spacing:-.015em;overflow-wrap:anywhere}.testimonial-card figcaption{display:flex;gap:16px;align-items:center;margin-top:auto;padding-top:21px;border-top:1px solid var(--border)}.testimonial-avatar{width:46px;height:46px;border-radius:50%;background:#e7efdf;display:grid;place-items:center;overflow:hidden;flex-shrink:0;color:var(--primary);font-size:13px;font-weight:700}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-card figcaption>div{min-width:0}.testimonial-card figcaption strong{display:block;font-size:14px;overflow-wrap:anywhere}.testimonial-card figcaption>div>span{display:block;color:var(--text);font-size:11px;margin-top:4px;overflow-wrap:anywhere}.testimonial-card .text-link{font-size:10px;margin-top:7px}
/* Readable project stories, optional evidence, mobile-friendly section links. */
.case-detail-hero{background:radial-gradient(ellipse at 100% 5%,#d9c07930,transparent 55%),linear-gradient(135deg,#f7fbf4,#edf4e8);padding:48px 0 60px}.case-detail-hero .text-link{font-size:11px;margin-bottom:39px}.case-detail-hero .eyebrow{font-size:10px;margin-bottom:19px}.case-detail-hero h1{font-size:clamp(39px,5.2vw,70px);line-height:1.1;max-width:900px;overflow-wrap:anywhere}.case-detail-summary{font-size:20px;line-height:1.8;max-width:820px;margin-top:26px}.case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;margin:36px 0 0;padding-top:26px;border-top:1px solid #c9dbc5}.case-meta>div{min-width:0}.case-meta dt{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#8b7133;font-weight:700}.case-meta dd{font-size:13px;font-weight:700;margin:8px 0 0;color:var(--green);overflow-wrap:anywhere}.case-team{font-size:12px;margin-top:23px}.case-team strong{margin-right:14px;color:var(--primary)}.case-cover{margin-top:35px}.case-cover img{width:100%;max-height:760px;object-fit:contain;background:#edf3e7;border-radius:23px;border:1px solid var(--border)}.case-story-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:85px;align-items:start;padding-top:70px;padding-bottom:70px}.case-story-nav{display:grid;gap:8px;position:sticky;top:120px}.case-story-nav a{font-size:12px;color:var(--primary);padding:9px 0 9px 16px;border-left:2px solid #d3dfca;transition:padding .3s,border-color .3s}.case-story-nav a:hover{padding-left:22px;border-color:var(--gold)}.case-story{min-width:0;max-width:850px}.case-story-section{scroll-margin-top:125px;min-width:0}.case-story-section+.case-story-section{padding-top:47px;margin-top:47px;border-top:1px solid var(--border)}.case-story-section .eyebrow{font-size:9px}.case-story-section h2{font-size:clamp(27px,3vw,36px);margin-bottom:24px;overflow-wrap:anywhere}.case-story-section .body-copy{font-size:16px;line-height:1.95;overflow-wrap:anywhere}.case-process-list{list-style:none;counter-reset:process;padding:0;margin:0;display:grid;gap:17px}.case-process-list li{counter-increment:process;position:relative;min-height:40px;padding:8px 0 8px 59px;font-size:15px;color:var(--text);overflow-wrap:anywhere}.case-process-list li:before{content:counter(process,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #d6dfc9;color:#927331;background:linear-gradient(135deg,#f4f6ec,#eee4c9);font-size:11px;font-weight:700}.case-deliverables{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px}.case-deliverables li{padding:12px 18px;border:1px solid #d2dfc7;background:#f5f9ef;border-radius:10px;font-size:13px;color:var(--primary);overflow-wrap:anywhere}.case-gallery-section{background:#f4f8ef}.case-gallery-section h2{margin-bottom:32px}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.case-gallery figure{margin:0;min-width:0}.case-gallery figure:first-child{grid-column:1/-1}.case-gallery img{width:100%;height:auto;border-radius:17px;border:1px solid #d6dfcb}.case-gallery figcaption{font-size:12px;margin-top:12px;color:var(--text);overflow-wrap:anywhere}.case-walkthrough h2{margin-bottom:28px}.case-walkthrough video{display:block;width:100%;max-height:650px;border-radius:17px;background:#04291d}.case-outcome-section{background:linear-gradient(130deg,#0a432e,#1c6c4b);color:#fff}.case-outcome-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:start}.case-outcome-section .eyebrow{color:#f1d58f}.case-outcome-section p{font-size:17px;color:#d3e6d7;line-height:1.9;overflow-wrap:anywhere}.case-results{padding:29px;border:1px solid #ffffff35;border-radius:20px;background:#ffffff08;min-width:0;scroll-margin-top:125px}.case-results ul{list-style:none;margin:0;padding:0}.case-results li{font-size:15px;color:#e7f2df;padding:13px 0;border-top:1px solid #ffffff21;overflow-wrap:anywhere}.case-cta-buttons{display:flex;flex-wrap:wrap;gap:13px}.case-cta-buttons .btn.outline{color:white;border-color:#ffffff70}.missing-case h1{font-size:clamp(34px,5vw,55px)}.missing-case p{margin:22px 0 28px}.case-detail p{overflow-wrap:anywhere}
@keyframes reel-orbit{from{transform:translateY(-5%) rotate(-12deg)}to{transform:translateY(8%) rotate(12deg)}}
@media(max-width:1100px){.showreel-layout{gap:38px}.leadership-layout{gap:40px}.case-story-layout{grid-template-columns:165px minmax(0,1fr);gap:45px}.case-grid{gap:26px}.case-card-copy{padding:25px}.reel-art-word{font-size:clamp(39px,5.4vw,60px)}}
@media(max-width:900px){.showreel-layout{grid-template-columns:1fr 1.1fr;gap:28px}.showreel-copy h2{font-size:34px}.showreel-copy>p{font-size:14px}.leadership-layout{grid-template-columns:1fr;gap:35px}.leadership-strengths{grid-template-columns:repeat(2,minmax(0,1fr))}.leadership-card{grid-template-columns:1fr;gap:17px;padding:24px}.leadership-principle{max-width:600px}.case-story-layout{grid-template-columns:minmax(0,1fr);padding-top:40px;gap:35px}.case-story-nav{position:relative;top:auto;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--border);padding-bottom:22px}.case-story-nav a{border:1px solid var(--border);padding:7px 13px;border-radius:50px;font-size:11px}.case-story-nav a:hover{padding:7px 13px;border-color:var(--gold)}.case-outcome-layout{gap:35px}.testimonial-card{padding:26px}.testimonial-card blockquote{font-size:17px}}
@media(max-width:650px){.case-grid{grid-template-columns:minmax(0,1fr);gap:25px}.case-card{border-radius:17px}.case-card-copy{padding:25px 22px}.case-card-copy h3{font-size:27px}.case-card-copy>p{font-size:13px}.case-art-letter{font-size:115px}.showreel-layout{grid-template-columns:minmax(0,1fr);gap:32px}.showreel-section{padding:60px 0}.showreel-copy h2{font-size:35px}.showreel-copy>p{margin:20px 0 25px}.showreel-stage{border-radius:19px}.reel-art-word{font-size:clamp(47px,10vw,65px)}.showreel-play{width:67px;height:67px;font-size:36px}.reel-stage-label{left:16px;bottom:15px;font-size:8px}.reel-art-timeline{bottom:20%;height:17px}.leadership-strengths{grid-template-columns:minmax(0,1fr)}.leadership-card{grid-template-columns:43px minmax(0,1fr);padding:24px 20px;gap:17px}.leadership-symbol{width:43px;height:43px;border-radius:12px;font-size:11px}.leadership-card h3{font-size:21px}.leadership-card p{font-size:13px}.leadership-principle>div{padding:26px}.leadership-principle p{font-size:20px}.testimonial-grid{grid-template-columns:minmax(0,1fr)}.testimonial-card{padding:27px 23px}.case-detail-hero{padding:30px 0 42px}.case-detail-hero .text-link{margin-bottom:30px}.case-detail-hero h1{font-size:clamp(35px,9.8vw,48px)}.case-detail-summary{font-size:17px;line-height:1.8;margin-top:22px}.case-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 20px;margin-top:28px}.case-meta dd{font-size:12px}.case-team{font-size:11px}.case-cover{margin-top:25px}.case-cover img{border-radius:15px}.case-story-layout{padding-top:32px;padding-bottom:45px;gap:30px}.case-story-section h2{font-size:29px}.case-story-section .body-copy{font-size:14px}.case-story-section+.case-story-section{margin-top:34px;padding-top:34px}.case-process-list li{font-size:13px;padding-left:52px}.case-deliverables li{font-size:12px;padding:10px 14px}.case-gallery{grid-template-columns:minmax(0,1fr);gap:25px}.case-gallery img{border-radius:12px}.case-outcome-layout{grid-template-columns:minmax(0,1fr);gap:32px}.case-outcome-section p{font-size:15px}.case-results{padding:24px}.case-results li{font-size:13px}.showreel-dialog{width:calc(100% - 24px);border-radius:15px}.showreel-dialog-toolbar{padding:14px 16px}.showreel-dialog-toolbar h2{font-size:16px}.case-detail .cta-panel{align-items:flex-start}.case-cta-buttons .btn{white-space:normal}.showcase-help p{font-size:12px}}
@media(max-width:360px){.leadership-card{grid-template-columns:minmax(0,1fr)}.case-card-footer{font-size:10px;gap:9px}.case-meta{grid-template-columns:minmax(0,1fr)}.showreel-copy h2{font-size:31px}.reel-duration{margin-left:0}.case-cta-buttons{width:100%}.case-cta-buttons .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.reel-art-orbit{animation:none!important}.case-card:hover,.case-card.motion-ready.is-visible:hover,.leadership-card:hover,.leadership-card.motion-ready.is-visible:hover{transform:none!important}}

.showcase-admin-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:22px}.showcase-admin-links>a{padding:20px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(135deg,#f3f8ee,#fcf8ed);transition:border-color .3s,transform .3s}.showcase-admin-links>a:hover{border-color:var(--gold);transform:translateY(-3px)}.showcase-admin-links strong,.showcase-admin-links span,.showcase-admin-links small{display:block;overflow-wrap:anywhere}.showcase-admin-links strong{font-size:17px}.showcase-admin-links span{font-size:12px;color:var(--text);margin:7px 0 14px}.showcase-admin-links small{font-size:11px;font-weight:700;color:var(--primary)}
@media(max-width:650px){.showcase-admin-links{grid-template-columns:minmax(0,1fr)}}