@import url("image-architecture.css");
@import url("image-cleaning.css");
@import url("image-strategy.css");
@import url("image-automation.css");
.wgl-bundled-image{display:block;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .7s ease}a:hover .wgl-bundled-image{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.wgl-bundled-image{transition:none}}
/* Visual refresh: deliberately scoped to sections below the untouched hero. */
.wgl-design-section{--wgl-ink:#242838;--wgl-gold:#eead37;position:relative;isolation:isolate}
.wgl-design-section.section-y{padding-top:96px;padding-bottom:96px}
.wgl-design-section .eyebrow{display:flex;align-items:center;gap:12px;color:#976513}
.wgl-design-section .eyebrow:before{content:"";display:block;width:28px;height:2px;background:currentColor;flex-shrink:0}
.wgl-design-section .text-center>.eyebrow{justify-content:center}
.wgl-design-section.surface-dark .eyebrow,.wgl-design-section.surface-dark .wgl-design-icon{color:var(--wgl-gold)}
.wgl-design-section .text-h2{color:var(--wgl-ink);max-width:850px;font-size:clamp(30px,3.5vw,46px);line-height:1.15;letter-spacing:-.035em}
.wgl-design-section.surface-dark .text-h2{color:#fff}
.wgl-design-section .text-center>.text-h2{margin-inline:auto}
.wgl-design-section .text-h4{font-size:20px;line-height:1.3;letter-spacing:-.025em}
.wgl-design-card{position:relative;border:1px solid #e3e5ea;border-radius:20px;box-shadow:0 6px 24px #20253404;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
a.wgl-design-card:hover,a.wgl-design-card:focus-visible{transform:translateY(-5px);border-color:#d0ab69;box-shadow:0 18px 38px #20253410}
.wgl-design-card .text-muted-foreground{color:#636b7a;font-size:15px;line-height:1.7}
.wgl-design-card .text-gold:not(.eyebrow){color:#976513}
.surface-dark .wgl-design-card .text-gold{color:var(--wgl-gold)}
.wgl-design-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:54px;height:54px;border-radius:15px;color:#956518;background:#fbf2df;border:1px solid #eedfc1;margin-bottom:26px}
.wgl-design-icon svg{width:27px;height:27px}
.wgl-design-image{position:relative;overflow:hidden;border-radius:24px;background:#20242c;margin:0}
.wgl-design-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
a:hover .wgl-design-image img{transform:scale(1.04)}
/* A quiet branded strip below the hero. */
.wgl-design-stats{background:#f7f8fa;border-bottom:1px solid #e6e8ed}
.wgl-design-stats>.container-mw{padding-block:38px;gap:24px}
.wgl-design-stats>.container-mw>div{padding-left:24px;border-left:2px solid #eead37}
.wgl-design-stats .text-3xl{font-size:34px;letter-spacing:-.045em}
/* Connected steps, with a clear start and finish. */
.wgl-design-flow{background:radial-gradient(ellipse at 50% 0,#faf2e0 0,transparent 56%),#fff}
.wgl-design-flow .wgl-design-card{border-radius:0;border:0;border-top:2px solid #e7d5b4;box-shadow:none;background:transparent;padding:30px 20px}
.wgl-design-flow .wgl-design-card:before{content:"";position:absolute;top:-7px;left:22px;width:12px;height:12px;border-radius:50%;background:#eead37;box-shadow:0 0 0 7px #fbf4e8}
.wgl-design-flow .wgl-design-card:last-child{background:#262a37;border-top-color:#eead37;border-radius:0 0 18px 18px}
.wgl-design-flow .wgl-design-card:last-child h3,.wgl-design-flow .wgl-design-card:last-child li{color:#fff}
.wgl-design-flow .wgl-design-card:last-child span{color:#f2bf62}
/* Industry imagery introduces a change in pace, followed by smaller sector cards. */
.wgl-design-industries{background:#f4f5f8}
.wgl-design-industries .wgl-photo-card{grid-column:span 2;padding:0 28px 28px;overflow:hidden}
.wgl-photo-card>.wgl-design-image{height:255px;flex-shrink:0;margin:0 -28px 28px;border-radius:0}
.wgl-photo-card>.wgl-design-icon{position:absolute;top:219px;right:24px;margin:0;background:#fff;box-shadow:0 8px 30px #11131b20}
.wgl-design-industries .wgl-photo-card h3{font-size:25px}
.wgl-design-industries .wgl-design-card:not(.wgl-photo-card){min-height:240px}
/* More generous service cards with editorial numbering. */
.wgl-design-services{counter-reset:service}
.wgl-design-services .wgl-design-card{counter-increment:service;padding:30px;min-height:280px;background:linear-gradient(145deg,#fff 65%,#f8f9fb)}
.wgl-design-services .wgl-design-card:after{content:counter(service,decimal-leading-zero);position:absolute;right:26px;top:30px;font:500 13px Sora,sans-serif;color:#969ca8}
.wgl-design-services .wgl-design-card>svg:last-child{margin-top:24px;width:32px;height:32px;padding:7px;border-radius:50%;background:#f7eedc}
/* Photo and copy split. */
.wgl-design-story>.container-mw{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.wgl-design-story>.container-mw>.wgl-design-image{height:100%;min-height:570px;max-height:820px}
.wgl-story-copy>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.wgl-story-copy .wgl-design-card{border:0;border-radius:0;padding:0;box-shadow:none;background:none}
.wgl-story-copy .wgl-design-icon{width:42px;height:42px;border-radius:12px;margin-bottom:15px}
.wgl-story-copy .wgl-design-icon svg{width:23px;height:23px}
.wgl-story-copy .text-h2{font-size:clamp(30px,3.4vw,43px)}
/* Numbered process cards. */
.wgl-design-process{background:#f4f5f8}
.wgl-design-process .wgl-design-card{padding:30px;background:#fff;min-height:220px}
.wgl-design-process .wgl-design-card>span:first-child{display:block;font-size:44px;color:#d0d4dd;font-weight:600;line-height:1;letter-spacing:-.04em}
.wgl-design-process .wgl-design-card h3{margin-top:24px}
.wgl-design-process .wgl-design-card:nth-child(3n){border-top:3px solid #eead37}
/* Abstract project visuals communicate the type of work without implying client photos. */
.wgl-design-work .wgl-design-card{overflow:hidden;padding:0 28px 28px}
.wgl-work-art{height:185px;margin:0 -28px 28px;background:radial-gradient(circle at 70% 30%,#555c72,transparent 55%),#252a3a;display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:35px 30px;position:relative;overflow:hidden}
.wgl-work-art .wgl-design-icon{position:absolute;left:24px;top:20px;width:38px;height:38px;margin:0;color:#f5c265;background:#ffffff09;border:1px solid #ffffff20;border-radius:10px}
.wgl-work-art .wgl-design-icon svg{width:20px;height:20px}
.wgl-work-art i{display:block;width:30px;border-radius:5px 5px 0 0;background:linear-gradient(#f4be58,#956214);height:25px;transform:skewY(-7deg)}
.wgl-work-art i:nth-of-type(2){height:42px}.wgl-work-art i:nth-of-type(3){height:64px}.wgl-work-art i:nth-of-type(4){height:80px}.wgl-work-art i:nth-of-type(5){height:107px}
.wgl-work-art-1{background:radial-gradient(ellipse at 50% 100%,#d4ba84,transparent 75%),#f2e8d4}
.wgl-work-art-1 i{border-radius:50%;width:52px;height:52px!important;transform:translateY(-5px);background:#ffffff88;border:1px solid #b6a077}
.wgl-work-art-1 i:nth-of-type(2n){transform:translateY(-30px);background:#bd903e}
.wgl-work-art-1 .wgl-design-icon{color:#785014;border-color:#b6a077;background:transparent}
.wgl-work-art-2{background:linear-gradient(135deg,#333b54,#161b2c)}
.wgl-work-art-2 i{width:90px;height:110px!important;position:absolute;border:1px solid #ffffff33;border-radius:8px;background:#ffffff08;transform:rotate(-12deg) translateX(-45px)}
.wgl-work-art-2 i:nth-of-type(2){transform:rotate(8deg) translateX(20px);background:#b28539}.wgl-work-art-2 i:nth-of-type(n+3){display:none}
/* Image-led AI section with compact capability cards. */
.wgl-design-ai{background:#151923;color:#fff;overflow:hidden}
.wgl-design-ai>.container-mw{padding-block:88px}
.wgl-ai-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.wgl-ai-intro>.wgl-design-image{height:350px;box-shadow:0 20px 70px #0004}
.wgl-design-ai .text-h2,.wgl-design-ai h3{color:#fff}
.wgl-design-ai .eyebrow{color:#f0b54a}
.wgl-design-ai .text-intro,.wgl-design-ai .text-muted-foreground{color:#bdc2ce}
.wgl-design-ai .wgl-design-card{background:#ffffff04;border-color:#ffffff15;border-radius:16px;box-shadow:none;padding:26px}
.wgl-design-ai .wgl-design-icon{color:#efb443;background:#eead370d;border-color:#eead3740;width:44px;height:44px;margin-bottom:20px}
.wgl-design-ai .wgl-design-card:hover{border-color:#eead3770}
.wgl-design-tools .wgl-design-card{border-top:3px solid #eeb34b;padding:28px}
.wgl-design-resources .wgl-design-card{background:#fff;padding:32px;border-radius:0;border-width:0 0 1px;box-shadow:none;border-bottom-color:#b6bfce;min-height:200px}
.wgl-design-resources .wgl-design-card:nth-child(2){background:#262b3b}.wgl-design-resources .wgl-design-card:nth-child(2) h3,.wgl-design-resources .wgl-design-card:nth-child(2) .eyebrow,.wgl-design-resources .wgl-design-card:nth-child(2) p,.wgl-design-resources .wgl-design-card:nth-child(2) li{color:#fff}
.wgl-design-audit{background:radial-gradient(ellipse at 0 50%,#42424c,transparent 65%),#171b26}
.wgl-design-audit .card-dark{border:1px solid #e5ba6840;box-shadow:0 20px 60px #0002;background:#ffffff07}
/* Native details work with keyboard and without JavaScript. */
.wgl-design-faq{background:#fafbfc}
.wgl-design-faq>.container-mw{max-width:960px}
.wgl-faq-item{border:1px solid #e0e3e9!important;border-radius:14px;background:#fff;padding:0 24px;margin-bottom:12px}
.wgl-faq-item summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;list-style:none}
.wgl-faq-item summary::-webkit-details-marker{display:none}
.wgl-faq-item summary:after{content:"+";font-size:25px;font-weight:400;color:#936313}
.wgl-faq-item[open] summary:after{content:"−"}
.wgl-faq-item summary h3{font-size:18px;line-height:1.5;margin:0}
.wgl-faq-item>p{margin:0!important;padding:0 32px 24px 0;color:#626b7b;line-height:1.75}
.wgl-faq-item[open]{border-color:#d4b476!important;box-shadow:0 8px 25px #1c233207}
@media(min-width:1024px){.wgl-design-services>.container-mw>.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.wgl-design-services .wgl-design-card{grid-column:span 2}.wgl-design-services .wgl-grid-two-last>.wgl-design-card:nth-last-child(-n+2){grid-column:span 3}.wgl-design-industries>.container-mw>.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.wgl-design-industries .wgl-design-card{grid-column:span 2}.wgl-design-industries .wgl-photo-card{grid-column:span 3}}
@media(max-width:1023px){.wgl-design-section.section-y{padding-block:70px}.wgl-design-story>.container-mw,.wgl-ai-intro{gap:32px;grid-template-columns:1fr 1fr}.wgl-design-story>.container-mw>.wgl-design-image{min-height:480px}.wgl-story-copy>.grid{grid-template-columns:1fr}.wgl-design-industries .wgl-photo-card{grid-column:span 1}.wgl-design-flow .wgl-design-card{border-top:0;border-left:2px solid #e7d5b4}.wgl-design-flow .wgl-design-card:before{top:32px;left:-7px}.wgl-design-flow .wgl-design-card:last-child{border-radius:0 18px 18px 0}.wgl-ai-intro>.wgl-design-image{height:320px}}
@media(max-width:767px){.wgl-design-section.section-y{padding-block:56px}.wgl-design-story>.container-mw,.wgl-ai-intro{grid-template-columns:1fr;gap:32px}.wgl-design-story>.container-mw>.wgl-design-image{height:330px;min-height:0}.wgl-story-copy>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.wgl-design-ai>.container-mw{padding-block:56px}.wgl-ai-intro>.wgl-design-image{height:290px}.wgl-design-card{border-radius:16px}.wgl-design-services .wgl-design-card{min-height:0;padding:26px}.wgl-photo-card>.wgl-design-image{height:220px}.wgl-photo-card>.wgl-design-icon{top:185px}.wgl-design-stats>.container-mw{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.wgl-design-stats>.container-mw>div{padding-left:14px}.wgl-design-stats .text-3xl{font-size:26px}.wgl-design-stats .text-muted-foreground{font-size:13px}.wgl-faq-item{padding-inline:18px}.wgl-faq-item summary h3{font-size:17px}}
@media(max-width:479px){.wgl-story-copy>.grid{grid-template-columns:1fr}.wgl-design-section .text-h2{font-size:30px}.wgl-design-industries .wgl-design-card:not(.wgl-photo-card){min-height:0}.wgl-design-icon{margin-bottom:20px}.wgl-design-stats .text-3xl{font-size:23px}}
@media(prefers-reduced-motion:reduce){.wgl-design-card,.wgl-design-image img{transition:none}a.wgl-design-card:hover{transform:none}}