:root{--bg:#f3f6f8;--bg-deep:#e7eef2;--surface:rgba(255,255,255,.72);--ink:#1a2430;--muted:#5a6d78;--line:rgba(16,32,40,.1);--brand:#0b3a6e;--accent:#0059a7;--accent-2:#2f7fd1;--glow:rgba(0,89,167,.22);--radius:18px;--radius-sm:12px;--shadow:0 24px 60px rgba(16,32,40,.1);--font-display:"Syne",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--header-h:78px;--ease:cubic-bezier(.22,1,.36,1);--container:min(1160px, calc(100% - 2.5rem))}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 700px at 85% -10%,rgba(0,89,167,.12),transparent 55%),radial-gradient(900px 600px at -10% 20%,rgba(47,127,209,.08),transparent 50%),linear-gradient(180deg,#f7fafb 0%,var(--bg) 40%,#eef3f6 100%);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:0 0}h1,h2,h3{font-family:var(--font-display);line-height:1.08;letter-spacing:-.03em;margin:0 0 .75rem;font-weight:700}h1{font-size:clamp(2.4rem, 6vw, 4.6rem)}h2{font-size:clamp(1.9rem, 4vw, 3rem)}h3{font-size:1.25rem}p{margin:0 0 1rem;color:var(--muted)}.container{width:var(--container);margin-inline:auto}.container.narrow{width:min(760px, calc(100% - 2.5rem))}.section{padding:clamp(4.5rem, 10vw, 7.5rem) 0;position:relative}.section-head{max-width:640px;margin-bottom:3rem}.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.85rem}.noise{pointer-events:none;position:fixed;inset:0;z-index:9998;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{pointer-events:none;position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 65%);transform:translate(-50%,-50%);z-index:0;opacity:0;transition:opacity .4s ease;mix-blend-mode:multiply}body.is-ready .cursor-glow{opacity:1}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);transition:background .35s var(--ease),backdrop-filter .35s ease,box-shadow .35s ease,height .35s var(--ease)}.site-header.is-scrolled{height:68px;background:rgba(243,246,248,.82);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}.header-inner{width:var(--container);margin:0 auto;height:100%;display:flex;align-items:center;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--brand);z-index:2}.brand img,.custom-logo-link img,.custom-logo{display:block;height:52px;width:auto;max-width:200px;object-fit:contain;border-radius:10px}.site-header .custom-logo-link{display:inline-flex;align-items:center;line-height:0}.brand-text{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.04em}.brand-text span{color:var(--accent)}.brand-mark{color:var(--brand);display:grid;place-items:center}.footer-brand .brand img{height:56px;max-width:260px}.footer-cta .brand-logo-white{height:52px;width:auto;max-width:240px;object-fit:contain;margin-bottom:1rem}.primary-nav{margin-left:auto}.nav-list{display:flex;gap:1.6rem;list-style:none;margin:0;padding:0}.nav-list a{font-size:.92rem;font-weight:600;color:var(--ink);position:relative;opacity:.78;transition:opacity .25s ease}.nav-list a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav-list a:hover,.nav-list a.is-active{opacity:1}.nav-list a:hover:after,.nav-list a.is-active:after{transform:scaleX(1)}.nav-toggle{display:none;width:44px;height:44px;place-items:center;gap:6px;flex-direction:column;z-index:2}.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);transition:transform .3s var(--ease),opacity .3s ease}.nav-open .nav-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.nav-open .nav-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.45rem;border-radius:999px;font-weight:700;font-size:.95rem;transition:transform .35s var(--ease),box-shadow .35s ease,background .3s ease,color .3s ease,border-color .3s ease;will-change:transform}.btn-sm{padding:.7rem 1.1rem;font-size:.85rem}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 14px 34px rgba(11,58,110,.28)}.btn-primary:hover{transform:translateY(-2px);background:#0a4f96;box-shadow:0 18px 40px rgba(11,58,110,.34)}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.45);color:var(--ink);backdrop-filter:blur(8px)}.btn-ghost:hover{transform:translateY(-2px);border-color:rgba(0,89,167,.45);background:rgba(255,255,255,.7)}.header-cta{margin-left:.5rem}.hero{position:relative;min-height:100svh;display:grid;align-items:end;padding:calc(var(--header-h) + 2rem) 0 5rem;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-photo{position:absolute;inset:0;background:linear-gradient(105deg,rgba(243,246,248,.92) 0%,rgba(243,246,248,.55) 42%,rgba(243,246,248,.2) 100%),linear-gradient(180deg,transparent 55%,rgba(243,246,248,.95) 100%),url("https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1920&q=80") center/cover no-repeat;transform:scale(1.05);animation:heroZoom 18s ease-in-out infinite alternate}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(16,32,40,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,40,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 30% 40%,#000 20%,transparent 70%);opacity:.55}.hero-orb{position:absolute;border-radius:50%;filter:blur(40px);animation:floatOrb 10s ease-in-out infinite}.hero-orb-a{width:340px;height:340px;background:rgba(0,89,167,.28);top:18%;right:12%}.hero-orb-b{width:260px;height:260px;background:rgba(47,127,209,.2);bottom:18%;left:8%;animation-delay:-4s}.hero-content{position:relative;z-index:1;width:var(--container);margin:0 auto;max-width:780px;margin-right:auto;margin-left:max(calc((100% - min(1160px, calc(100% - 2.5rem))) / 2), 1.25rem)}.hero-brand{font-family:var(--font-display);font-weight:800;font-size:clamp(3rem, 9vw, 6.5rem);letter-spacing:-.05em;line-height:.9;color:var(--brand);margin:0 0 1.1rem}.hero-brand:after{content:"";display:inline-block;width:.42em;height:.42em;margin-left:.12em;border-radius:50%;background:var(--accent);vertical-align:.12em;box-shadow:0 0 0 8px rgba(0,89,167,.18);animation:pulseDot 2.4s ease-in-out infinite}.hero h1{max-width:14ch;margin-bottom:1.1rem}.hero-lead{font-size:clamp(1.05rem, 2vw, 1.2rem);max-width:38ch;margin-bottom:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}.scroll-hint{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);width:28px;height:44px;border:1.5px solid rgba(16,32,40,.25);border-radius:999px;display:grid;place-items:start center;padding-top:8px;z-index:2}.scroll-hint span{width:4px;height:8px;border-radius:999px;background:var(--accent);animation:scrollBounce 1.6s ease-in-out infinite}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem, 5vw, 4rem);align-items:center}.about-points{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:.85rem}.about-points li{display:flex;align-items:center;gap:.9rem;font-weight:600;color:var(--ink)}.about-points span{font-family:var(--font-display);color:var(--accent);font-size:.9rem}.stat-stack{display:grid;gap:1rem}.stat{padding:1.4rem 1.5rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:var(--shadow);transform:translateY(0);transition:transform .4s var(--ease)}.stat:hover{transform:translateY(-4px)}.stat strong{font-family:var(--font-display);font-size:clamp(2.4rem, 4vw, 3.2rem);letter-spacing:-.04em;color:var(--brand)}.stat span{font-family:var(--font-display);font-size:1.6rem;color:var(--accent);margin-left:2px}.stat p{margin:.2rem 0 0;font-size:.92rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.service{padding:1.6rem 1.5rem 1.7rem;border-radius:var(--radius);border:1px solid transparent;background:0 0;transition:background .35s ease,border-color .35s ease,transform .4s var(--ease),box-shadow .4s ease}.service:hover{background:var(--surface);border-color:var(--line);transform:translateY(-6px);box-shadow:var(--shadow)}.service-icon{width:48px;height:48px;color:var(--brand);margin-bottom:1rem;transition:color .3s ease,transform .4s var(--ease)}.service:hover .service-icon{color:var(--accent);transform:translateY(-2px) scale(1.05)}.service h3{margin-bottom:.45rem}.service p{margin:0;font-size:.95rem}.portfolio-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-auto-rows:280px;gap:1.1rem}.project{position:relative;border-radius:calc(var(--radius) + 4px);overflow:hidden;isolation:isolate;cursor:pointer}.project:nth-child(1){grid-row:span 2;min-height:580px}.project-media{position:absolute;inset:0;transition:transform .8s var(--ease)}.project:hover .project-media{transform:scale(1.06)}.tone-a{background:linear-gradient(145deg,#0b3a6e,#0059a7 55%,#8ec5f0)}.tone-b{background:linear-gradient(145deg,#1f2a44,#4f7cac 60%,#c9d9ea)}.tone-c{background:linear-gradient(145deg,#4a2c1a,#d9773a 55%,#f0c7a6)}.tone-d{background:linear-gradient(145deg,#16352f,#2f6b5d 50%,#b7d8cf)}.project-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.25),transparent 35%),linear-gradient(180deg,transparent 35%,rgba(8,18,22,.72) 100%)}.project-meta{position:absolute;left:0;right:0;bottom:0;padding:1.5rem;color:#fff;z-index:1;transform:translateY(8px);transition:transform .45s var(--ease)}.project:hover .project-meta{transform:translateY(0)}.project-meta span{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin-bottom:.4rem}.project-meta h3{margin:0;color:#fff;font-size:1.35rem}.logo-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;align-items:center;gap:2.25rem;width:max-content;animation:marquee 45s linear infinite;padding:.5rem 0}.marquee-track:hover{animation-play-state:paused}.client-logo-link{display:grid;place-items:center;flex:0 0 auto;width:132px;height:72px;padding:.7rem 1rem;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.78);backdrop-filter:blur(8px);transition:transform .35s var(--ease),box-shadow .35s ease,border-color .3s ease}.client-logo-link:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(0,89,167,.3)}.client-logo{max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain;filter:grayscale(.15) contrast(1.05);opacity:.92;transition:filter .3s ease,opacity .3s ease,transform .3s ease}.client-logo-link:hover .client-logo{filter:none;opacity:1;transform:scale(1.04)}.testimonial-slider{position:relative;max-width:760px}.testimonial{display:none;margin:0;padding:0;border:0}.testimonial.is-active{display:block;animation:fadeUp .55s var(--ease)}.testimonial p{font-family:var(--font-display);font-size:clamp(1.35rem, 3vw, 1.9rem);line-height:1.35;letter-spacing:-.02em;color:var(--ink);margin-bottom:1.5rem}.testimonial footer{display:flex;flex-direction:column;gap:.15rem}.testimonial strong{color:var(--brand)}.testimonial span{color:var(--muted);font-size:.92rem}.slider-dots{display:flex;gap:.55rem;margin-top:1.75rem}.slider-dots button{width:10px;height:10px;border-radius:50%;background:rgba(16,32,40,.18);transition:transform .3s ease,background .3s ease,width .3s ease}.slider-dots button.is-active{width:28px;border-radius:999px;background:var(--accent)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.member-photo{aspect-ratio:4/5;border-radius:var(--radius);margin-bottom:1rem;position:relative;overflow:hidden;transition:transform .5s var(--ease)}.member:hover .member-photo{transform:translateY(-6px) scale(1.01)}.member-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),transparent 40%),linear-gradient(180deg,transparent 60%,rgba(8,18,22,.35))}.member h3{margin-bottom:.2rem}.member p{margin:0}.site-footer{padding:0 0 2rem;background:linear-gradient(180deg,transparent,rgba(11,58,110,.04)),var(--bg-deep);border-top:1px solid var(--line)}.footer-cta{width:var(--container);margin:-1px auto 3.5rem;padding:clamp(2rem, 5vw, 3rem);border-radius:calc(var(--radius) + 8px);background:radial-gradient(600px 240px at 90% 0%,rgba(47,127,209,.35),transparent 55%),linear-gradient(135deg,#0b3a6e,#0059a7 55%,#2f7fd1);color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:center;box-shadow:0 30px 70px rgba(0,89,167,.28);position:relative;top:-40px}.footer-cta .eyebrow{color:rgba(255,255,255,.75)}.footer-cta h2{color:#fff;max-width:16ch}.footer-cta p{color:rgba(255,255,255,.82)}.footer-cta-actions{display:grid;gap:.75rem}.footer-cta .btn-primary{background:#fff;color:var(--brand);box-shadow:none}.footer-cta .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}.footer-grid{width:var(--container);margin:0 auto 2.5rem;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem}.footer-brand p{max-width:34ch}.footer-grid h3{font-size:.95rem;margin-bottom:1rem}.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.footer-grid a{color:var(--muted);transition:color .25s ease}.footer-grid a:hover{color:var(--brand)}.socials{display:flex;gap:.6rem;margin-top:1.1rem}.socials a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);font-size:.75rem;font-weight:700;color:var(--brand);transition:background .3s ease,color .3s ease,transform .3s ease}.socials a:hover{background:var(--brand);color:#fff;transform:translateY(-2px)}.footer-bottom{width:var(--container);margin:0 auto;padding-top:1.25rem;border-top:1px solid var(--line)}.footer-bottom p{margin:0;font-size:.88rem}.page-section{padding-top:calc(var(--header-h) + 3rem)}.content-block h1{margin-bottom:1.25rem}.reveal,.reveal-hero{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-in,.reveal-hero.is-in{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-hero{opacity:1;transform:none;transition:none}.hero-photo,.hero-orb,.marquee-track,.scroll-hint span,.hero-brand:after{animation:none}}@keyframes floatOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-24px) scale(1.08)}}@keyframes heroZoom{from{transform:scale(1.05)}to{transform:scale(1.12)}}@keyframes pulseDot{0%,100%{box-shadow:0 0 0 6px rgba(0,89,167,.15)}50%{box-shadow:0 0 0 12px rgba(0,89,167,.08)}}@keyframes scrollBounce{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:.4}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.project-media.has-photo,.member-photo.has-photo{background-size:cover;background-position:center}.project-media.has-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 35%),linear-gradient(180deg,transparent 30%,rgba(8,18,22,.78) 100%)}.about-more,.section-more{margin-top:1.5rem}.text-link{font-weight:700;color:var(--brand);border-bottom:1px solid rgba(11,58,110,.25);padding-bottom:2px;transition:color .25s ease,border-color .25s ease}.text-link:hover{color:var(--accent);border-color:var(--accent)}.page-hero{padding-top:calc(var(--header-h) + 4rem);padding-bottom:3rem}.page-hero h1{max-width:16ch}.page-lead{max-width:48ch;font-size:1.1rem}.page-hero-media{position:relative;isolation:isolate;overflow:hidden}.page-hero-media:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(243,246,248,.94) 0%,rgba(243,246,248,.72) 45%,rgba(243,246,248,.35) 100%),var(--hero-img) center/cover no-repeat;opacity:.95}.about-page-media{min-height:420px;border-radius:calc(var(--radius) + 6px);background-size:cover;background-position:center;box-shadow:var(--shadow)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2.5rem}.value{padding:1.5rem 0;border-top:2px solid var(--accent)}.value h3{margin-bottom:.5rem}.value p{margin:0}.page-cta{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1rem}.services-list{display:grid;gap:0}.service-row{display:grid;grid-template-columns:72px 1fr;gap:1.25rem;padding:2rem 0;border-bottom:1px solid var(--line)}.service-row:first-child{border-top:1px solid var(--line)}.service-index{font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--accent);letter-spacing:-.03em}.service-row h2{font-size:clamp(1.45rem, 2.5vw, 1.9rem);margin-bottom:.4rem}.service-summary{color:var(--ink);font-weight:600;margin-bottom:.45rem}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem, 5vw, 3.5rem);align-items:start}.contact-section{padding-top:1rem}.contact-details{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.25rem}.contact-details span{display:block;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem}.contact-details a,.contact-details em{font-style:normal;font-weight:600;color:var(--ink)}.contact-form{padding:clamp(1.5rem, 3vw, 2rem);border-radius:calc(var(--radius) + 6px);background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.form-row{margin-bottom:1.1rem}.form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row label{display:block;font-size:.85rem;font-weight:700;margin-bottom:.4rem;color:var(--ink)}.form-row input,.form-row select,.form-row textarea{width:100%;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.85);font:inherit;color:var(--ink);transition:border-color .25s ease,box-shadow .25s ease}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:rgba(0,89,167,.65);box-shadow:0 0 0 4px rgba(0,89,167,.15)}.hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.form-status{margin:1rem 0 0;font-weight:600;min-height:1.4em}.form-status.is-success{color:#0b7a52}.form-status.is-error{color:#b42318}.form-status.is-pending{color:var(--muted)}.contact-form .btn[disabled]{opacity:.7;cursor:wait}@media (max-width:980px){.values-grid,.contact-layout{grid-template-columns:1fr}.form-row.two-col{grid-template-columns:1fr}.service-row{grid-template-columns:48px 1fr}}@media (max-width:980px){.split,.services-grid,.team-grid,.footer-grid,.footer-cta{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr 1fr;grid-auto-rows:240px}.project:nth-child(1){grid-row:span 1;min-height:240px}.header-cta{display:none}.nav-toggle{display:grid;margin-left:auto}.primary-nav{position:fixed;inset:0;background:rgba(243,246,248,.96);backdrop-filter:blur(18px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .35s ease}.nav-open .primary-nav{opacity:1;pointer-events:auto}.nav-list{flex-direction:column;align-items:center;gap:1.5rem}.nav-list a{font-size:1.5rem;font-family:var(--font-display);font-weight:700}}@media (max-width:640px){.services-grid,.portfolio-grid,.team-grid{grid-template-columns:1fr}.hero-content{margin-left:1.25rem;margin-right:1.25rem;width:auto}.footer-cta{top:0;margin-top:2rem}}.portfolio-filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:2.25rem}.filter-btn{padding:.55rem 1rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.55);font-size:.85rem;font-weight:700;color:var(--muted);transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}.filter-btn:hover,.filter-btn.is-active{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-1px)}.portfolio-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.home-folio{grid-template-columns:repeat(4,1fr)}.folio-card{border-radius:calc(var(--radius) + 2px);overflow:hidden;background:0 0;transition:transform .45s var(--ease),opacity .35s ease}.folio-card.is-hidden{display:none}.folio-link{display:block;color:inherit}.folio-media{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:calc(var(--radius) + 2px);background:#d9e3e8}.folio-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.folio-fallback{width:100%;height:100%;background:linear-gradient(145deg,#0b3a6e,#0059a7)}.folio-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(8,18,22,.05),rgba(8,18,22,.62));opacity:0;transition:opacity .35s ease}.folio-view{padding:.65rem 1rem;border-radius:999px;background:#fff;color:var(--brand);font-size:.82rem;font-weight:700;transform:translateY(8px);transition:transform .4s var(--ease)}.folio-card:hover .folio-media img{transform:scale(1.06)}.folio-card:hover .folio-overlay{opacity:1}.folio-card:hover .folio-view{transform:none}.folio-card:hover{transform:translateY(-5px)}.folio-meta{padding:.9rem .15rem .2rem}.folio-cat{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem}.folio-meta h2,.folio-meta h3{margin:0;font-size:1.05rem}.portfolio-single-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1.5rem, 4vw, 3rem);align-items:start}.portfolio-single-media{border-radius:calc(var(--radius) + 6px);overflow:hidden;box-shadow:var(--shadow)}.portfolio-single-media img{width:100%;height:auto;display:block}.related-grid{grid-template-columns:repeat(3,1fr)}.portfolio-archive .navigation.pagination{margin-top:2.5rem;display:flex;justify-content:center}.portfolio-archive .nav-links{display:flex;gap:.5rem}.portfolio-archive .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 .7rem;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:.9rem}.portfolio-archive .page-numbers.current,.portfolio-archive a.page-numbers:hover{background:var(--brand);border-color:var(--brand);color:#fff}@media (max-width:1100px){.home-folio{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.portfolio-masonry,.related-grid,.portfolio-single-layout{grid-template-columns:1fr 1fr}.home-folio{grid-template-columns:1fr 1fr}}@media (max-width:640px){.portfolio-masonry,.related-grid,.home-folio,.portfolio-single-layout{grid-template-columns:1fr}}