:root{--forest:#083826;--deep:#041e17;--gold:#ffbb43;--cream:#fff8ec;--orange:#fb8b28}
body{background:#fff8ec}header{background:#06291fef;border-bottom:1px solid #6fc18135;color:#fff;box-shadow:0 8px 30px #05291c25}header .logo{color:#fff;display:flex;align-items:center;gap:10px;font-size:24px}header .logo small{color:#e3f3d9}.brand-icon{width:51px;height:42px;object-fit:contain}.brand-name{display:block}.links a{color:#eef7e9}.links a:hover{color:#ffbe55}header .pill,.btn.gold{background:linear-gradient(115deg,#f78b1e,#ffb62b);color:#fff;border:1px solid #ffd06a;box-shadow:0 0 19px #ef971d70,0 8px 22px #071e1450}.progress-track{height:3px;position:absolute;left:0;right:0;top:0;background:#6ca25f44}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,#fb8223,#ffd368,#ccf879);box-shadow:0 0 12px #fbbb38;transition:width .09s linear}.hero{background:linear-gradient(90deg,#032417e8 0%,#063620d9 40%,#0c3e27bb 100%),radial-gradient(ellipse at 80% 15%,#629c3570,transparent 50%),#063826;min-height:650px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 10%,#edb43925,transparent 55%),linear-gradient(170deg,transparent 52%,#0a3224c0 83%,#031e17);pointer-events:none}.hero:after{background-size:58px 58px;opacity:.32}.hero-inner{min-height:625px;grid-template-columns:1fr 1.1fr;gap:24px}.hero h1{font-size:clamp(43px,4.55vw,70px);letter-spacing:-.055em}.hero h1 em{color:#ffb34e}.hero .eyebrow{color:#f6c97f}.hero p{font-size:17px;max-width:485px}.hero .chips span{background:#ffffff0c;border-color:#f8c47542;color:#e7ecd6}.hero .chips span:before{content:'✦';color:#ffcc61;padding-right:7px}.hero .cta .btn{box-shadow:0 0 20px #fc9e3d50}.hero .cta .btn.ghost{box-shadow:none}.orb{height:455px;isolation:isolate}.orb:before{content:'';position:absolute;width:110%;height:260px;border:2px solid #ffc66b70;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 18px #ffb53e65,inset 0 0 20px #ffb43d25;z-index:-1}.halo{width:470px;height:420px;background:radial-gradient(circle,#f9ad3952,transparent 68%)}.screen{width:96%;background:#052e25;border:1px solid #f5c467a8;box-shadow:0 0 0 5px #ffa93113,0 0 38px #f4a63485,0 26px 65px #0009;transform:perspective(950px) rotateY(-11deg) rotateX(5deg)}.screen-top{background:#0c2d26;padding:12px 15px;align-items:center}.screen-top:after{content:'yourbusiness.com';color:#cae2ce;font:500 11px 'DM Sans';margin-left:15px;letter-spacing:.02em}.dot:first-child{background:#f36b49}.dot:nth-child(2){background:#f8bc49}.dot:nth-child(3){background:#9ad86e}.screen-hero{position:relative;min-height:275px;padding:36px 30px;color:white;background:linear-gradient(90deg,#06281df0 0%,#0b3326a0 58%,#102b1777),url('assets/pousada.svg') center/cover}.screen-hero .tag{color:#d3f5a4}.screen-hero h3{color:#fff;font-size:clamp(29px,3vw,45px);margin-top:12px}.screen-hero p{color:#dfefde;font-size:12px}.mock-cta{background:linear-gradient(90deg,#ffad33,#f47b1e);color:#123628}.screen-foot{background:#0b3227;padding:10px}.screen-foot i{height:42px;background:linear-gradient(160deg,#1c5f41,#0c382e);border:1px solid #6bba6080;position:relative}.screen-foot i:after{content:'✦';display:grid;place-items:center;position:absolute;inset:0;color:#dfc35e;font-style:normal}.screen-foot i:nth-child(2):after{content:'◈'}.screen-foot i:nth-child(3):after{content:'↗'}.float-label{bottom:30px;right:0;background:#112f24e9;color:#fcf9e0;border:1px solid #ffe3a3;box-shadow:0 0 28px #ffbd5470;backdrop-filter:blur(10px)}.metric{position:absolute;right:-28px;top:66px;z-index:4;width:188px;padding:14px 18px;border:1px solid #ffde8d;border-radius:13px;color:#ecfbe8;background:#092e25e9;box-shadow:0 0 24px #ffb33c55;animation:float 5.5s ease-in-out infinite}.metric strong{float:right;color:#d9ff89}.metric svg{width:100%;height:56px}.hero-wave{position:absolute;bottom:-2px;left:0;width:100%;height:60px;z-index:5}.section{padding:82px 0}.section h2{font-size:clamp(33px,3.5vw,53px)}.section-head p{max-width:440px}.service{border-radius:19px;background:linear-gradient(140deg,#fffdfa,#faf1e1);box-shadow:0 5px 15px #49260011;min-height:215px;padding:24px 25px;display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto 1fr;column-gap:17px}.service:before{display:none}.service .ic{grid-row:1/3;width:55px;height:55px;background:#e8efd2;color:#24672c;border:1px solid #dfe9bc;border-radius:14px;box-shadow:0 6px 12px #0b461c18;font-size:29px}.service h3{font-size:21px;align-self:end}.service p{grid-column:2;font-size:13px;margin:.7rem 0}.service a{grid-column:2;align-self:end;margin-top:4px}.services{gap:13px}.filter.active{background:#0d422e;box-shadow:0 5px 16px #19462625}.highlight{background:radial-gradient(ellipse at 50% -25%,#29663f,#082e23 65%);border-block:3px solid #dfb35d;box-shadow:0 0 18px #e3a94c20}.highlight .steps{margin-top:28px}.highlight .step{border:0}.highlight .step b{font-size:12px;color:#f0ca77}.highlight .step h3{color:#fff}.step-symbol{font-size:23px;border:1px solid #95ba6988;background:linear-gradient(160deg,#235e3c,#073224);box-shadow:0 0 15px #ffce513b;display:grid;place-items:center;width:55px;height:55px;border-radius:12px;color:#eacf74;margin-bottom:14px}.showcase{gap:19px}.show{background:linear-gradient(145deg,#fffef5,#fff1dd);border:1px solid #e7ddc7;box-shadow:0 8px 24px #07381d13;padding:19px;border-radius:20px;display:grid;grid-template-columns:57% 1fr;column-gap:17px;min-height:245px}.show:nth-child(2){background:linear-gradient(145deg,#fffdf2,#ecf6e6)}.show .browser{grid-row:1/4;grid-column:1;transform:none;margin:0;align-self:center;overflow:hidden;padding:0;background:#082b22;border:1px solid #e0d5a8;box-shadow:0 14px 28px #0a302a30}.show .browser img{display:block;width:100%;height:170px;object-fit:cover}.show .browser:before{content:'● ● ●   cajuclover / preview';display:block;color:#d9dab9;font-size:10px;letter-spacing:2px;padding:7px 12px}.show .tag{grid-column:2;font-size:10px;color:#b07319}.show h3{grid-column:2;font-size:25px}.show p{grid-column:2;font-size:13px}.show .concept-note{grid-column:2;font-size:11px;color:#987542}.about-teaser .symbol{font-size:0;height:340px;position:relative;border-radius:0 55% 35% 0;background:linear-gradient(25deg,#093f2c77,#f5ad4455),url('assets/pousada.svg') center/cover;box-shadow:inset -30px -30px 50px #06351d3d}.about-teaser .symbol:after{content:'BR • IE';position:absolute;right:10%;bottom:14%;font:800 30px Outfit;color:#fff7e0;text-shadow:0 3px 15px #0008}.about-teaser{gap:50px}.contact{box-shadow:0 18px 46px #061b1724}.tag{color:#287645}footer{border-top:1px solid #c3a75c}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f6b64f;outline-offset:3px}
@media(max-width:1000px){.metric{right:0}.show{grid-template-columns:1fr}.show .browser,.show .tag,.show h3,.show p,.show .concept-note{grid-column:1}.show .browser{grid-row:auto}.show .browser img{height:185px}.show h3{margin-top:12px}.service{min-height:250px}}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.orb{height:390px}.metric{right:6%;top:25px}.hero h1{font-size:clamp(48px,7vw,76px)}.hero-inner{padding-bottom:100px}.services{grid-template-columns:repeat(2,1fr)}.service{min-height:235px}.about-teaser .symbol{height:300px}}
@media(max-width:600px){header .logo{font-size:19px}.brand-icon{width:42px;height:34px}.nav .pill{font-size:11px;padding:12px}.hero-inner{padding-top:55px;padding-bottom:80px}.hero h1{font-size:43px}.hero p{font-size:15px}.orb{height:330px}.screen{width:94%}.screen-hero{min-height:210px}.screen-hero h3{font-size:30px}.metric{right:0;top:15px;width:140px;font-size:10px}.metric svg{height:35px}.float-label{font-size:10px;padding:8px 12px;bottom:7px}.services{grid-template-columns:1fr}.service{min-height:190px}.showcase{grid-template-columns:1fr}.hero-wave{height:30px}.about-teaser .symbol{height:240px}}
/* Approved neon artwork in shared site navigation */
header .brand-icon{width:65px;height:53px;object-fit:contain;flex:none;filter:drop-shadow(0 0 5px rgba(243,171,56,.23))}.footer-brand{color:#fff;text-decoration:none}.footer-brand:hover{color:#ffcb6d}@media(max-width:600px){header .brand-icon{width:47px;height:38px}}

/* Service icons precisely styled to match the approved mockup */
.service .ic{display:flex;align-items:center;justify-content:center;width:58px;height:58px;min-width:58px;border:0;border-radius:16px;background:linear-gradient(145deg,#f3f8dd 0%,#e3efb5 100%);color:#08742c;box-shadow:0 5px 11px rgba(62,87,28,.17);margin:0}.service .ic svg{display:block;width:37px;height:37px;flex:none;overflow:visible}.service{grid-template-columns:58px minmax(0,1fr);column-gap:18px}

/* Focused homepage hero: concise copy and uncluttered product preview */
.hero-copy{max-width:600px;position:relative;z-index:2}
.hero .eyebrow{font-size:11px;letter-spacing:.18em}
.hero h1{font-size:clamp(43px,4.9vw,76px);line-height:1.06}
.hero p{max-width:510px;font-size:clamp(16px,1.25vw,19px);line-height:1.65;color:#d9e8dd;margin:27px 0 0}
.hero .cta{margin-top:30px}
.hero .cta .btn{min-width:170px}
.screen-preview-label{font-size:11px;font-weight:750;letter-spacing:.15em;color:#dbefc2}
.screen-hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:17px}
.screen-hero h3{margin:0;font-size:clamp(31px,3vw,45px);line-height:1.08}
.screen-hero .mock-cta{margin-top:8px}
.hero .screen-foot i{opacity:.85}
@media(max-width:900px){.hero-copy{max-width:690px}.hero-inner{gap:16px}}
@media(max-width:600px){.hero h1{font-size:clamp(39px,10vw,54px)}.hero .cta .btn{min-width:0}.hero p{margin-top:18px}.screen-preview-label{font-size:9px}}

/* Unified editorial hierarchy across homepage and About page */
.section{padding-block:76px}
.section-head{align-items:end;gap:36px;margin-bottom:28px}
.section-head .muted{max-width:375px;font-size:15px;line-height:1.65}
.section .tag,.about-hero .eyebrow{font-size:11px;letter-spacing:.16em}
.section h2{line-height:1.12}
.service{min-height:198px;padding:22px 23px;align-content:start}
.service h3{font-size:20px;line-height:1.17;letter-spacing:-.025em}
.service p{font-size:13px;line-height:1.53;margin:9px 0 0}
.service a{font-size:12px;font-weight:800;margin-top:14px}
.filters{margin:22px 0 27px}
.filter{font-size:13px;padding:9px 15px}
.highlight{border-block-width:1px;box-shadow:none}
.highlight .steps{gap:26px}
.highlight .step h3{font-size:23px}
.highlight .step p{line-height:1.55;max-width:215px}
.show{min-height:230px}
.show h3{font-size:25px}
.show p{font-size:13px;line-height:1.55}
.concept-note{display:block;font-size:11px;letter-spacing:.015em}
.about-teaser p{font-size:16px;line-height:1.7;max-width:480px}
.contact{gap:55px;align-items:start}
.contact h2{font-size:clamp(35px,3.7vw,52px);line-height:1.1;max-width:510px}
.contact p{font-size:15px;line-height:1.7;max-width:430px}
.contact form{max-width:520px;width:100%}
.about-hero{padding:88px 0}
.about-hero h1{font-size:clamp(45px,5vw,74px);max-width:810px}
.about-hero p{font-size:18px;line-height:1.65;max-width:610px}
.story-grid{gap:58px}
.story-grid h2{font-size:clamp(35px,3.8vw,56px)}
.story-grid p{font-size:16px;line-height:1.75}
.story-grid .symbol{font-size:80px}
.about-hero+.section .story-grid{min-height:325px}
@media(max-width:900px){.section-head{align-items:start}.section-head .muted{max-width:450px}.service{min-height:210px}.contact{gap:27px}}
@media(max-width:600px){.section{padding-block:58px}.section-head{display:block;margin-bottom:21px}.section-head .muted{margin-top:18px}.services{gap:12px}.service{min-height:184px;padding:20px}.service h3{font-size:19px}.filters{gap:6px}.filter{padding:8px 11px;font-size:12px}.contact{padding:28px 23px}.contact h2{font-size:36px}.about-hero{padding:72px 0}.about-hero p{font-size:16px}.story-grid{gap:25px}.story-grid .symbol{display:none}}

/* Centred, calm process introduction */
.process-section .process-intro{text-align:center;max-width:660px;margin:0 auto 35px}
.process-section .process-intro .tag{color:#f1c879}
.process-section .process-intro h2{margin:12px auto 14px;max-width:520px}
.process-section .process-intro p{margin:0 auto;max-width:480px;line-height:1.6;text-align:center}
.process-section .steps{text-align:left;margin-top:38px}

/* Floating hero dashboard accents, visual only and deliberately restrained */
.hero .orb{overflow:visible}
.hero-performance{position:absolute;z-index:6;top:10px;right:-24px;width:208px;padding:17px 17px 13px;border:1px solid #d9bb75;border-radius:17px;background:rgba(5,40,29,.91);backdrop-filter:blur(14px);box-shadow:0 0 25px rgba(245,174,70,.23),0 14px 32px rgba(0,0,0,.28);color:#eff8e9;animation:hero-card-float 7s ease-in-out infinite}
.hero-performance>span{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
.hero-performance svg{display:block;width:100%;height:65px;filter:drop-shadow(0 0 5px rgba(154,252,118,.33))}
.hero-performance small{display:block;font-size:10px;color:#b9ccb8}
.hero-seo-badge{position:absolute;z-index:7;bottom:20px;right:-6px;display:flex;gap:12px;align-items:center;border:1px solid #7eb276;border-radius:13px;background:rgba(7,50,35,.94);color:#e9f3db;padding:12px 17px;box-shadow:0 10px 27px #001b1370,0 0 14px #90d87430;animation:hero-card-float 6s ease-in-out infinite reverse}
.hero-seo-badge strong{font-size:12px;font-weight:700;white-space:nowrap}
.seo-bars{display:flex;align-items:end;gap:3px;height:24px;width:34px}
.seo-bars i{display:block;background:linear-gradient(#f6d372,#8fdc70);width:6px;border-radius:3px 3px 1px 1px;box-shadow:0 0 6px #e5c66a44}
.seo-bars i:nth-child(1){height:7px}.seo-bars i:nth-child(2){height:13px}.seo-bars i:nth-child(3){height:18px}.seo-bars i:nth-child(4){height:23px}
@keyframes hero-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:1020px){.hero-performance{right:0;top:0;width:174px}.hero-seo-badge{right:3px;bottom:1px}}
@media(max-width:600px){.process-section .process-intro{margin-bottom:26px}.process-section .process-intro h2{margin-top:11px}.process-section .steps{margin-top:22px}.hero-performance{width:139px;top:4px;right:0;padding:10px;border-radius:12px}.hero-performance>span{font-size:10px}.hero-performance svg{height:43px}.hero-performance small{font-size:8px}.hero-seo-badge{right:0;bottom:4px;padding:8px 10px;gap:8px}.hero-seo-badge strong{font-size:10px}.seo-bars{transform:scale(.8);transform-origin:right center}}
@media(prefers-reduced-motion:reduce){.hero-performance,.hero-seo-badge{animation:none}}

/* Interactive two-sided service cards */
.services .service-flip{height:236px;min-height:236px;display:block;padding:0;overflow:visible;background:transparent;border:0;box-shadow:none;perspective:1100px}
.service-flip .service-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.2,1);border-radius:19px}
.service-flip.is-flipped .service-flip-inner{transform:rotateY(180deg)}
.service-flip .service-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;border:1px solid #e5dfce;border-radius:19px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 5px 15px #49260012;overflow:hidden}
.service-flip .service-front{background:linear-gradient(145deg,#fffefa,#faf2e4)}
.service-flip .service-flip-trigger{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:14px;border:0;background:none;color:#143b28;cursor:pointer;text-align:center}
.service-flip .service-front .ic{grid-row:auto;flex:none;margin:0;width:63px;height:63px}
.service-flip .service-front .ic svg{width:37px;height:37px}
.service-flip .service-title{font:700 21px/1.18 Outfit,sans-serif;letter-spacing:-.025em;max-width:240px}
.service-flip .flip-hint{color:#517760;font-size:12px;font-weight:700}
.service-flip .flip-hint span{color:#b78326;margin-left:3px}
.service-flip:hover .service-front,.service-flip:focus-within .service-front{border-color:#a6c78b;box-shadow:0 10px 28px #154d2626}
.service-flip .service-back{transform:rotateY(180deg);align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#103f2c,#082c22);color:#fff;border-color:#a3b46a;box-shadow:0 10px 26px #0c2c2270}
.service-flip .service-back h3{font-size:21px;line-height:1.15;letter-spacing:-.035em;margin:10px 0 0;max-width:275px;color:#fff}
.service-flip .service-back p{grid-column:auto;margin:10px 0 16px;color:#d1e4d6;font-size:13px;line-height:1.5;max-width:275px}
.service-flip .flip-back-btn{position:absolute;right:16px;top:13px;padding:5px 7px;color:#c4ddc4;background:transparent;border:0;font-size:11px;font-weight:700;cursor:pointer}
.service-flip .service-cta{grid-column:auto;display:inline-flex;gap:12px;align-items:center;background:#f6b345;color:#123b2a;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 3px 13px #0003;margin:0;white-space:nowrap}
.service-flip .service-cta:hover{background:#ffd17a;transform:translateY(-1px)}
.service-flip.is-flipped .service-front{pointer-events:none}
.service-flip:not(.is-flipped) .service-back{pointer-events:none}
.service-flip:focus-within{outline-offset:3px}
.service-flip[hidden]{display:none}
@media(max-width:900px){.services .service-flip{height:228px;min-height:228px}}
@media(max-width:600px){.services .service-flip{height:222px;min-height:222px}.service-flip .service-title{font-size:21px}.service-flip .service-face{padding:20px}}
@media(prefers-reduced-motion:reduce){.service-flip .service-flip-inner{transition:none}}


/* Bilingual navigation: Irish English and Brazilian Portuguese */
.nav-actions{display:flex;align-items:center;gap:14px;flex:none}
.language-switch{display:flex;align-items:center;gap:3px;border:1px solid rgba(227,243,211,.28);padding:4px;border-radius:99px;background:rgba(0,24,15,.35);flex:none}
.language-button{display:grid;place-items:center;min-width:35px;min-height:34px;padding:4px;border:1px solid transparent;border-radius:99px;background:transparent;color:#fff;cursor:pointer;font-size:20px;line-height:1;filter:saturate(.85);transition:background .2s,border-color .2s,transform .2s}
.language-button:hover{background:#ffffff1e;transform:translateY(-1px)}
.language-button.active{background:#d5edbb20;border-color:#e3c475a6;filter:saturate(1.15);box-shadow:0 0 12px #f7bc5730}
.language-button:focus-visible{outline:2px solid #ffcf71;outline-offset:2px}

/* Replaces the generic four-step timeline with useful buying guidance */
.value-section .value-intro{max-width:690px;margin:0 auto 38px;text-align:center}
.value-section .value-intro .tag{color:#f1c879}
.value-section .value-intro h2{font-size:clamp(34px,3.5vw,53px);margin:12px auto 16px;line-height:1.12}
.value-section .value-intro p{max-width:510px;margin:0 auto;color:#c7dac8;font-size:16px;line-height:1.6}
.value-section .value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.value-section .value-item{border:1px solid #55876a88;border-radius:19px;padding:26px 22px;background:linear-gradient(145deg,#13503855,#062a20b3);box-shadow:0 10px 25px #011e1530;min-height:218px}
.value-section .value-icon{display:flex;align-items:center;justify-content:center;color:#f1c977;background:#164b34;border:1px solid #82b37c88;width:48px;height:48px;border-radius:12px;font-size:25px;margin-bottom:20px}
.value-section .value-item h3{font-size:21px;color:white;line-height:1.18;margin-bottom:12px}
.value-section .value-item p{color:#c7dacb;font-size:14px;line-height:1.56;margin:0}
.value-section .value-footnote{color:#acc7b5;text-align:center;font-size:12px;margin:22px 0 0}
@media(max-width:1050px){.nav{gap:18px}.links{gap:15px}.nav-actions{gap:8px}.value-section .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.links{display:none}.nav-actions>.pill{display:none}.nav{justify-content:space-between}.language-button{min-width:32px;min-height:32px;font-size:19px}.language-switch{gap:1px}.value-section .value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.value-section .value-item{padding:20px 16px;min-height:205px}.value-section .value-item h3{font-size:18px}.value-section .value-item p{font-size:13px}}
@media(max-width:430px){.value-section .value-grid{grid-template-columns:1fr}.value-section .value-item{min-height:0}.value-section .value-icon{margin-bottom:12px}.value-section .value-intro{margin-bottom:26px}.nav-actions{gap:3px}.language-button{min-width:30px}}

/* Founder story: a warmer, editorial About experience */
.founder-hero{position:relative;overflow:hidden;padding:74px 0 88px;background:radial-gradient(ellipse at 75% 30%,#256346 0%,#0c3f2f 38%,#082c24 75%);border-bottom:1px solid #b7994b70}
.founder-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(90deg,transparent,#000)}
.founder-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;position:relative;z-index:1}
.founder-hero .eyebrow{color:#eac27a;letter-spacing:.17em}
.founder-hero h1{font-size:clamp(49px,5.8vw,83px);margin:18px 0 23px}
.founder-hero .gold-word{color:#f9b84c}
.founder-hero p{font-size:18px;line-height:1.68;color:#d4e5d8;max-width:560px;margin-bottom:26px}
.founder-portrait-wrap{position:relative;max-width:435px;width:100%;justify-self:center;padding:10px}
.portrait-halo{position:absolute;inset:-25px;background:radial-gradient(circle at 35% 48%,#d5c76d72,#88c87322 42%,transparent 70%);filter:blur(22px)}
.founder-portrait{position:relative;display:block;width:100%;aspect-ratio:4/4.5;object-fit:cover;object-position:center top;border-radius:40% 40% 18px 18px;border:1px solid #edce8799;box-shadow:0 20px 75px #0007,0 0 35px #edb85440;background:#1e503e}
.founder-portrait-caption{position:absolute;z-index:2;right:-8px;bottom:0;border:1px solid #ebc476a6;border-radius:14px;background:#092d24f0;padding:13px 20px;display:grid;gap:2px;box-shadow:0 12px 30px #031a1660}
.founder-portrait-caption span{font-size:10px;letter-spacing:.17em;color:#f2cd7a;font-weight:800}
.founder-portrait-caption strong{font:700 25px Outfit;color:#fff}
.founder-portrait-caption small{font-size:12px;color:#ccdecf}
.story-section{padding-block:90px 80px}
.story-heading{text-align:center;max-width:760px;margin:0 auto 37px}
.story-heading h2{margin:12px auto 16px;font-size:clamp(35px,4vw,58px)}
.story-heading p{color:#607566;line-height:1.65;max-width:580px;margin:0 auto}
.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.journey-card{overflow:hidden;background:#fffdf7;border:1px solid #e6ddcb;border-radius:23px;box-shadow:0 14px 38px #173e2915;display:flex;flex-direction:column}
.journey-card img{display:block;width:100%;height:230px;object-fit:cover;filter:saturate(.86)}
.journey-copy{padding:26px 27px 29px;flex:1}
.journey-number{font-size:11px;color:#8c7a43;font-weight:800;letter-spacing:.17em}
.journey-copy h3{font-size:clamp(24px,2.5vw,34px);margin:12px 0}
.journey-copy p{color:#607366;line-height:1.7;max-width:540px;margin:0}
.founding-statement{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:50px;margin:32px auto 0;padding:36px 42px;background:#eef2e4;border:1px solid #dce5d1;border-radius:23px}
.founding-year{font:800 clamp(60px,7vw,104px)/1 Outfit,sans-serif;color:#1f6644;letter-spacing:-.07em}
.founding-statement h3{font-size:32px;margin:9px 0}
.founding-statement p{max-width:650px;color:#587060;line-height:1.7}
.story-link{display:inline-block;margin-top:8px;color:#145e39;font-weight:800}
.story-link:hover{text-decoration:underline}
.name-section{padding-block:94px;border:0}
.name-story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.name-story-image{position:relative;display:grid;place-items:center;min-height:400px;background:radial-gradient(circle,#34754d77,transparent 65%)}
.name-story-image img{width:min(100%,390px);filter:drop-shadow(0 20px 30px #0007);position:relative;z-index:1}
.name-story-image .name-orbit{position:absolute;width:95%;height:150px;border:1px solid #f3ba5d7d;box-shadow:0 0 18px #eec45c40;border-radius:50%;transform:rotate(-16deg)}
.name-story-copy h2{font-size:clamp(35px,4vw,58px);margin:14px 0 22px}
.name-story-copy .warm-word{color:#efbc66}
.name-story-copy p{font-size:16px;line-height:1.72;color:#d4e4d6;max-width:590px}
.name-story-copy p strong{color:#f2cd7a}
.pronunciation{display:grid;gap:6px;margin-top:28px;border:1px solid #86a77b77;border-radius:17px;padding:20px 24px;background:#ffffff0c}
.pronunciation-label{font-size:10px;letter-spacing:.18em;color:#edbf6d;font-weight:800}
.pronunciation strong{font:700 23px Outfit;color:#fff}
.pronunciation-sound{font-size:19px;font-weight:700;color:#e9c47d;letter-spacing:.015em}
.pronunciation small{color:#cee0d0;font-size:12px}
.founder-values-inner{display:grid;grid-template-columns:1.15fr 1fr auto;gap:28px;align-items:center}
.founder-values h2{font-size:clamp(34px,3vw,46px);margin-top:11px}
.founder-values p{color:#5d7364;line-height:1.67;max-width:450px}
.founder-contact{grid-template-columns:1fr .7fr;overflow:hidden;min-height:250px;align-items:center}
.founder-contact-art img{width:100%;height:230px;object-fit:cover;border-radius:18px;box-shadow:0 15px 35px #0003}
@media(max-width:950px){.founder-hero-grid{gap:28px}.founder-values-inner{grid-template-columns:1fr 1fr}.founder-values-inner .pill{justify-self:start}.name-story-grid{gap:34px}.founding-statement{grid-template-columns:175px 1fr;gap:28px}}
@media(max-width:700px){.founder-hero{padding:62px 0 70px}.founder-hero-grid,.name-story-grid,.founder-values-inner,.founder-contact{grid-template-columns:1fr}.founder-hero h1{font-size:clamp(47px,10vw,67px)}.founder-portrait-wrap{max-width:310px;margin-top:12px}.founder-portrait-caption{right:0}.journey-grid{grid-template-columns:1fr}.journey-card img{height:200px}.founding-statement{grid-template-columns:1fr;gap:8px;padding:26px}.founding-year{font-size:70px}.name-story-image{min-height:225px}.name-story-image img{width:245px}.name-story-image .name-orbit{width:280px;height:100px}.story-section{padding-block:64px}.name-section{padding-block:65px}.founder-contact-art{display:none}}

/* Compact founder image on the homepage About teaser */
.about-teaser .founder-teaser-photo{position:relative;min-height:340px;max-width:540px;width:100%;overflow:hidden;border-radius:25px;background:radial-gradient(circle at 35% 30%,#49805a,#0a3427 70%);box-shadow:0 20px 50px #12391e27}
.about-teaser .founder-teaser-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#06291f9a,transparent 45%)}
.about-teaser .founder-teaser-photo img{display:block;height:340px;width:100%;object-fit:cover;object-position:center 30%;filter:saturate(.9)}
.founder-teaser-label{position:absolute;z-index:1;left:24px;bottom:23px;color:#f5d79b;letter-spacing:.13em;font-size:11px;font-weight:800;text-shadow:0 2px 13px #0009}
@media(max-width:700px){.about-teaser .founder-teaser-photo{min-height:250px}.about-teaser .founder-teaser-photo img{height:265px}.founder-teaser-label{font-size:10px;left:18px;bottom:18px}}

/* Approved cashew-and-clover symbol in About story: same asset as navigation */
.name-story-image .approved-name-logo{width:min(72%,275px);height:auto;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,.38)) drop-shadow(0 0 14px rgba(247,186,76,.22));}
@media(max-width:700px){.name-story-image .approved-name-logo{width:min(72%,240px)}}

/* Shared new brand image throughout homepage and About page */
header .brand-icon{display:block;width:84px;height:58px;object-fit:contain;flex:none;filter:drop-shadow(0 0 8px rgba(246,177,70,.28))}
.name-story-image{background:radial-gradient(circle at 50% 45%,#fffdf0,#f4eacb 70%,#e8ddbc);border:1px solid #d7cba5;border-radius:26px;min-height:385px;box-shadow:0 15px 40px #001b183d;padding:22px;overflow:hidden}
.name-story-image .approved-name-logo{display:block;width:min(100%,320px);height:auto;aspect-ratio:1/1;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 8px 12px #14331a25)}
.name-story-image .name-orbit{display:none}
@media(max-width:700px){header .brand-icon{width:60px;height:44px}.name-story-image{min-height:265px;padding:14px}.name-story-image .approved-name-logo{width:min(100%,230px)}}

/* Do not upscale the imported brand bitmap beyond its native 200px width. */
.name-story-image{min-height:300px}
.name-story-image .approved-name-logo{width:min(100%,200px);max-width:200px}
@media(max-width:700px){.name-story-image{min-height:240px}.name-story-image .approved-name-logo{width:min(100%,200px)}}

/* User-supplied Great Wall founder photograph. Keep portrait's original framing. */
.founder-portrait{aspect-ratio:3/4;object-fit:cover;object-position:center 38%;border-radius:22px}
.about-teaser .founder-teaser-photo{max-width:435px;min-height:0;aspect-ratio:3/4;justify-self:center}
.about-teaser .founder-teaser-photo img{height:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 38%}
@media(max-width:700px){.about-teaser .founder-teaser-photo{max-width:310px;aspect-ratio:3/4}.about-teaser .founder-teaser-photo img{height:100%}}

/* Keep About accessible even when the desktop navigation collapses. */
.mobile-about{display:none;text-decoration:none;font-size:13px;font-weight:700;color:#f8ebd7;white-space:nowrap;border:1px solid rgba(233,197,119,.5);border-radius:999px;padding:8px 12px;transition:background .2s,border-color .2s}
.mobile-about:hover,.mobile-about:focus-visible{background:#f6ba5140;border-color:#f6ba51;color:#fff}
@media(max-width:700px){.mobile-about{display:inline-flex;align-items:center;justify-content:center}.nav-actions{gap:8px}}
@media(max-width:440px){.mobile-about{padding:7px 10px;font-size:12px}.nav{gap:7px}.nav-actions{gap:5px}.brand-name{font-size:16px}.brand-name small{font-size:7px;letter-spacing:.1em}header .brand-icon{width:43px;height:35px}.language-switch{padding:2px}.language-button{min-width:27px;min-height:29px;font-size:16px}}


/* Give expanded flip-card descriptions comfortable, consistent reading space. */
.services .service-flip{height:320px;min-height:320px}
.service-flip .service-face{padding:25px 24px}
.service-flip .service-back{justify-content:flex-start;align-items:flex-start;padding-top:47px}
.service-flip .service-back h3{font-size:20px;line-height:1.2;margin:0 0 10px;max-width:none}
.service-flip .service-back p{font-size:13px;line-height:1.57;margin:0 0 15px;max-width:none}
.service-flip .service-cta{margin-top:auto;flex-shrink:0}
@media(max-width:1000px){.services .service-flip{height:350px;min-height:350px}}
@media(max-width:600px){.services .service-flip{height:320px;min-height:320px}.service-flip .service-back{padding:42px 23px 20px}.service-flip .service-back h3{font-size:20px}.service-flip .service-back p{font-size:14px;line-height:1.58}}
@media(max-width:380px){.services .service-flip{height:355px;min-height:355px}}


/* Consistent desktop and mobile language controls */
header .nav{gap:16px}
header .nav>.logo{flex:0 1 auto;min-width:0}
header .nav-actions{display:flex!important;flex:0 0 auto;align-items:center;gap:12px}
header .language-switch{display:inline-flex!important;visibility:visible!important;align-items:center;gap:3px;flex:0 0 auto}
header .language-button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:74px;min-height:38px;padding:6px 9px;white-space:nowrap}
header .flag-symbol{display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:20px;line-height:1;opacity:1;filter:none}
header .language-code{font-size:11px;font-weight:800;letter-spacing:.06em;color:#f8ecd4}
header .links{flex:1 1 auto;justify-content:center;gap:18px}
footer .container.footer-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;max-width:900px}
footer .footer-content{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}
footer .footer-content p{margin:9px 0 0;text-align:center}
footer .footer-copyright{font-size:13px;color:#bfd3c3;margin-top:20px!important}
@media(min-width:701px) and (max-width:1170px){
  header .nav-actions>.pill{display:none}
  header .links{gap:13px;font-size:12px}
  header .language-button{min-width:65px;padding:6px}
}
@media(max-width:700px){
  header .links{display:none}
  header .nav-actions>.pill{display:none}
  header .language-switch{display:inline-flex!important}
  header .language-button{min-width:32px;min-height:33px;padding:4px}
  header .language-code{display:none}
  header .flag-symbol{font-size:19px}
  footer .container.footer-centered{align-items:center}
}
@media(max-width:440px){
  header .language-button{min-width:28px;min-height:29px;padding:2px}
  header .flag-symbol{font-size:17px}
}


/* Flag image loading is optional. The IE/BR text is always available as a fallback. */
header .language-button .flag-icon{display:block;width:24px;height:16px;object-fit:cover;flex-shrink:0;border-radius:2px}
header .language-button .flag-icon[hidden]{display:none!important}
header .language-button .language-code{display:inline-block!important}
@media(max-width:700px){
  header .language-button{gap:4px;min-width:50px;min-height:32px;padding:4px 5px}
  header .language-button .flag-icon{width:19px;height:13px}
  header .language-button .language-code{font-size:10px;letter-spacing:0}
}
@media(max-width:440px){
  header .language-button{gap:3px;min-width:42px;padding:3px}
  header .language-button .flag-icon{width:16px;height:11px}
  header .language-button .language-code{font-size:9px}
}


/* Stable, smooth card rotations: avoid ancestor hover/reveal transforms flattening 3D layers. */
.services .service-flip,
.services .service-flip:hover,
.services .service-flip:focus-within,
.services .service-flip.reveal,
.services .service-flip.reveal.visible{
  transform:none!important;
  opacity:1!important;
  transition:none!important;
  overflow:visible;
  box-shadow:none;
}
.services .service-flip{perspective:1400px;-webkit-perspective:1400px;contain:layout}
.service-flip .service-flip-inner{
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
  transform:rotateY(0deg);
  transition:transform 520ms cubic-bezier(.22,.72,.18,1);
  will-change:transform;
}
.service-flip.is-flipped .service-flip-inner{transform:rotateY(180deg)}
.service-flip .service-face{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transition:border-color .2s,box-shadow .2s;
}
.service-flip .service-front{transform:rotateY(0deg) translateZ(1px)}
.service-flip .service-back{transform:rotateY(180deg) translateZ(1px)}
.service-flip .service-face::after{backface-visibility:hidden;-webkit-backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){
  .service-flip .service-flip-inner{transition-duration:0ms;will-change:auto}
}


/* Refined service-card CTA arrows: always render as a vector, never an emoji. */
.service-flip .service-cta{display:inline-flex;align-items:center;justify-content:center;gap:11px}
.service-flip .service-cta-arrow{width:18px;height:18px;flex:none;display:block;transition:transform 200ms cubic-bezier(.2,.8,.2,1)}
.service-flip .service-cta:hover .service-cta-arrow,
.service-flip .service-cta:focus-visible .service-cta-arrow{transform:translate(2px,-2px)}
@media(prefers-reduced-motion:reduce){.service-flip .service-cta-arrow{transition:none}}


/* Unified vector arrows across buttons, text links, feature tiles and card navigation. */
.btn:has(.inline-arrow),.pill:has(.inline-arrow),.story-link:has(.inline-arrow){
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
}
.inline-arrow,.back-arrow{display:inline-block;vertical-align:middle;flex:none;width:18px;height:18px;pointer-events:none;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.btn:hover .inline-arrow,.pill:hover .inline-arrow,.story-link:hover .inline-arrow{transform:translate(2px,-2px)}
.mock-cta .inline-arrow{width:15px;height:15px;margin-left:4px}
.value-icon .inline-arrow{width:25px;height:25px}
.flip-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.flip-back-btn .back-arrow{width:16px;height:16px}
.flip-back-btn:hover .back-arrow{transform:translateX(-2px)}
@media(prefers-reduced-motion:reduce){.inline-arrow,.back-arrow{transition:none}}


/* Center the complete What to Expect card layout, not just the text. */
.value-section .value-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:0;
}
.value-section .value-icon{
  margin:0 auto 19px;
  flex:none;
}
.value-section .value-item h3{
  margin:0 auto 12px;
  max-width:280px;
  text-align:center;
}
.value-section .value-item p{
  margin:0 auto;
  max-width:275px;
  text-align:center;
}
@media(max-width:700px){
  .value-section .value-item{padding:24px 17px;min-height:215px}
  .value-section .value-icon{margin-bottom:15px}
}


/* Founder portfolio link within the portrait name card. */
.founder-portrait-caption .founder-portfolio-link{display:inline-flex;align-items:center;gap:5px;color:#f2cd7a;font-size:12px;font-weight:700;text-decoration:none;width:max-content;max-width:100%;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .2s,border-color .2s}
.founder-portrait-caption .founder-portfolio-link:hover,.founder-portrait-caption .founder-portfolio-link:focus-visible{color:#fff2cc;border-bottom-color:#f2cd7a}
.founder-portrait-caption .founder-portfolio-link .inline-arrow{width:15px;height:15px}

/* Founder credit: 10% larger name and a softer white portfolio link. */
.founder-portrait-caption strong{font-size:27.5px}
.founder-portrait-caption .founder-portfolio-link{color:#e3e9e4}
.founder-portrait-caption .founder-portfolio-link:hover,.founder-portrait-caption .founder-portfolio-link:focus-visible{color:#fff;border-bottom-color:#d9e3dc}


/* Founder presentation: distinct section label, portrait, and clean non-overlapping caption. */
.founder-hero .founder-portrait-wrap{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  width:100%;
  max-width:435px;
  padding:0;
}
.founder-hero .founder-eyebrow{
  display:block;
  align-self:flex-start;
  margin:0 0 15px 3px;
  color:#f1c77d;
  font-size:11px;
  line-height:1.5;
  font-weight:800;
  letter-spacing:.18em;
}
.founder-hero .founder-image-frame{position:relative;isolation:isolate;width:100%}
.founder-hero .founder-image-frame .portrait-halo{z-index:-1}
.founder-hero .founder-portrait{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/3.2;
  object-fit:cover;
  object-position:center 37%;
  border-radius:20px;
  border:1px solid rgba(236,200,127,.55);
  box-shadow:0 18px 48px rgba(0,18,13,.36);
}
.founder-hero .founder-portrait-caption{
  position:relative;
  right:auto;
  bottom:auto;
  z-index:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:5px 18px;
  margin-top:15px;
  padding:0 3px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.founder-hero .founder-portrait-caption strong{
  color:#fff;
  font:700 27.5px/1.2 Outfit,sans-serif;
  letter-spacing:-.025em;
}
.founder-hero .founder-portfolio-link{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  font-size:13px;
  color:#e3e9e4;
}
@media(max-width:700px){
  .founder-hero .founder-portrait-wrap{max-width:min(100%,355px)}
  .founder-hero .founder-portrait{aspect-ratio:3/3.5}
  .founder-hero .founder-portrait-caption{gap:6px 12px}
}
@media(max-width:380px){
  .founder-hero .founder-portrait-caption{align-items:flex-start;flex-direction:column;gap:7px}
}


/* Two distinct floating founder cards, anchored to the photograph. */
.founder-hero .founder-portrait-wrap{display:block;max-width:435px;padding:0 12px 16px 0}
.founder-hero .founder-image-frame{position:relative;isolation:isolate;width:100%;overflow:visible}
.founder-hero .founder-label-card,
.founder-hero .founder-portrait-caption{
  position:absolute;
  z-index:3;
  background:rgba(5,43,31,.94);
  border:1px solid rgba(235,196,118,.75);
  border-radius:16px;
  box-shadow:0 12px 30px rgba(0,17,12,.28);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.founder-hero .founder-label-card{
  top:18px;
  left:-17px;
  padding:12px 17px;
  max-width:calc(100% - 30px);
}
.founder-hero .founder-label-card span{display:block;color:#f2cd7a;font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.35;white-space:nowrap}
.founder-hero .founder-portrait-caption{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  right:-12px;
  bottom:-12px;
  left:auto;
  top:auto;
  margin:0;
  padding:15px 19px;
  min-width:215px;
  max-width:calc(100% - 16px);
}
.founder-hero .founder-portrait-caption strong{font:700 27.5px/1.17 Outfit,sans-serif;color:#fff;white-space:nowrap}
.founder-hero .founder-portfolio-link{color:#e3e9e4;white-space:nowrap;font-size:12px;line-height:1.5}
@media(max-width:700px){
  .founder-hero .founder-portrait-wrap{max-width:min(100%,355px);padding:0 9px 15px 12px}
  .founder-hero .founder-label-card{top:13px;left:-8px;padding:10px 13px}
  .founder-hero .founder-portrait-caption{right:-7px;bottom:-9px;padding:12px 15px;min-width:0}
}
@media(max-width:380px){
  .founder-hero .founder-portrait-caption{flex-direction:column;align-items:flex-start;gap:4px}
  .founder-hero .founder-portrait-caption strong{font-size:25px}
  .founder-hero .founder-label-card span{font-size:10px}
}


/* Precise founder-card placement: keep both floating cards and straddle photo bottom. */
.founder-hero .founder-portrait-wrap{
  padding-bottom:74px; /* room for the lower half of the name card */
}
.founder-hero .founder-label-card{
  top:6px;
  left:-9px;
}
.founder-hero .founder-portrait-caption{
  bottom:-62px;
  right:-12px;
}
@media(max-width:700px){
  .founder-hero .founder-portrait-wrap{padding-bottom:66px}
  .founder-hero .founder-label-card{top:5px;left:-6px}
  .founder-hero .founder-portrait-caption{bottom:-56px;right:-7px}
}
@media(max-width:380px){
  .founder-hero .founder-portrait-wrap{padding-bottom:66px}
  .founder-hero .founder-portrait-caption{bottom:-56px}
}


/* Align section divider precisely with the bottom edge of the sticky navigation. */
#work,#services{scroll-margin-top:84px}
@media(max-width:600px){#work,#services{scroll-margin-top:74px}}


/* Founder origin stories: individual expand/collapse, calm editorial styling. */
.journey-card .journey-copy{display:flex;flex-direction:column;align-items:stretch}
.journey-card .journey-copy>p{margin:0 0 17px}
.journey-details{margin-top:auto;border-top:1px solid #d9e6d5;padding-top:15px}
.journey-details summary{display:inline-flex;align-items:center;gap:9px;cursor:pointer;list-style:none;color:#14573b;font-size:14px;font-weight:800;padding:6px 0;transition:color .2s}
.journey-details summary::-webkit-details-marker{display:none}
.journey-details summary:hover{color:#b77617}
.journey-details summary:focus-visible{outline:2px solid #b77617;outline-offset:5px;border-radius:3px}
.journey-details .read-less-label{display:none}
.journey-details[open] .read-more-label{display:none}
.journey-details[open] .read-less-label{display:inline}
.journey-details summary svg{flex:none;transition:transform .24s ease}
.journey-details[open] summary svg{transform:rotate(180deg)}
.journey-expanded{padding-top:11px;max-width:60ch}
.journey-expanded p{color:#546d5e;line-height:1.78;font-size:14px;margin:0 0 14px}
.journey-expanded p:last-child{margin-bottom:5px}
.name-section .name-story-copy>.tag{color:#f1c879}
@media(prefers-reduced-motion:reduce){.journey-details summary svg{transition:none}}

/* Center the entire founding-year milestone as a single balanced statement. */
.founding-statement{
  grid-template-columns:minmax(0,1fr);
  justify-items:center;
  text-align:center;
  gap:18px;
  padding:42px 36px;
}
.founding-statement>div:last-child{width:100%;max-width:760px;margin-inline:auto}
.founding-year{text-align:center}
.founding-statement h3{text-align:center}
.founding-statement p{max-width:680px;margin:13px auto 0;text-align:center}
@media(max-width:700px){
  .founding-statement{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:12px;padding:30px 22px}
  .founding-statement p{margin-inline:auto}
}


/* Keep the Brazil and Ireland story cards independently sized when expanded. */
.journey-grid{align-items:start}
.journey-grid>.journey-card{align-self:start;height:auto;min-height:0}
.journey-card .journey-copy{flex:0 1 auto}
.journey-card .journey-details{margin-top:0}


/* Position contact card just below sticky header when opened from service links.
   Desktop: 47px section offset + 76px section padding = 123px.
   Mobile: 36px section offset + 58px section padding = 94px. */
#contact{scroll-margin-top:47px}
@media(max-width:600px){#contact{scroll-margin-top:36px}}


/* Contact form now posts to an email delivery service rather than copy-only demo. */
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.form-privacy-note{font-size:12px;line-height:1.55;color:#c5d9cc;margin:10px 0 0;max-width:540px}


/* Enquiry submission: inline error feedback and safe pending state. */
#enquiry .form-status{margin:12px 0 0;padding:12px 14px;border:1px solid #f4c16b;border-radius:12px;background:#fff6de;color:#59390b;font-size:13px;line-height:1.6}
#enquiry .form-status[hidden]{display:none}
#enquiry button[type="submit"][disabled]{opacity:.78;cursor:progress;transform:none;box-shadow:none}


#enquiry .form-fallback{font-size:13px;line-height:1.5;color:#d5e8d7;margin:14px 0 0}
#enquiry .form-fallback a{color:#ffca70;font-weight:800;text-decoration:underline;text-underline-offset:3px}
#enquiry .form-fallback a:hover,#enquiry .form-fallback a:focus-visible{color:#fff3d0}


/* Real portfolio showcase. Keep project cards clickable and distinguish live work from concepts. */
.showcase .show-project-link{
  background:linear-gradient(135deg,#f3f8ef 0%,#e4f0e1 100%);
  border:1px solid #c9ddc3;
  color:#123d2a;
  cursor:pointer;
  text-decoration:none;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;
}
.showcase .show-project-link:hover,.showcase .show-project-link:focus-visible{
  transform:translateY(-4px);
  box-shadow:0 17px 38px #06392024;
  border-color:#94bd94;
}
.showcase .show-project-link:focus-visible{outline:3px solid #e3a941;outline-offset:4px}
.showcase .show-project-link .browser{background:#081321;border-color:#9bbdb7}
.showcase .show-project-link .browser:before{content:'● ● ●   igorads.com / live';color:#b5c6da;background:#0d1727}
.showcase .show-project-link .browser img{object-fit:cover;object-position:center}
.showcase .show-project-link .tag{color:#22734c}
.showcase .show-project-link .project-real-note{color:#17593b;font-weight:800;display:inline-flex;align-items:center;gap:7px}
.showcase .show-project-link .project-real-note svg{width:15px;height:15px}
@media(prefers-reduced-motion:reduce){.showcase .show-project-link{transition:none}}

/* Floating back-to-top button: shared desktop and mobile styling. */
.back-to-top{
  position:fixed;right:clamp(16px,2.4vw,32px);bottom:calc(22px + env(safe-area-inset-bottom,0px));
  z-index:95;width:46px;height:46px;display:grid;place-items:center;
  border:1px solid #e6b65f;border-radius:50%;
  background:#083826;color:#ffcb70;box-shadow:0 8px 24px #041e1740;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease,background-color .22s ease,box-shadow .22s ease;
}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{background:#12513a;transform:translateY(-3px);box-shadow:0 12px 28px #041e1755}
.back-to-top:focus-visible{outline:3px solid #ffbb43;outline-offset:4px}
@media(max-width:600px){.back-to-top{width:42px;height:42px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}.back-to-top:hover{transform:none}}
/* Prevent rubber-band overscroll beyond the page edges on supported mobile browsers. */
html,body{overscroll-behavior-y:none}