/* Work section 02. Staggered concept wall; isolated from the approved opener. */
.wg-section{padding-top:clamp(28px,3.5vw,56px);padding-bottom:30px;scroll-margin-top:105px}
.wg-heading{display:grid;grid-template-columns:1.7fr .65fr;gap:8%;align-items:end;margin-bottom:55px}.wg-kicker{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;margin-bottom:29px;color:#727568}
.wg-heading h2{font-size:clamp(42px,5.6vw,96px);letter-spacing:-.061em;line-height:.99;font-weight:600}.wg-heading h2>span{color:var(--pink)}.wg-heading-note{font-size:clamp(16px,1.4vw,22px);line-height:1.5;letter-spacing:-.022em;color:#686d60;max-width:330px;padding-bottom:5px}
.wg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px}.wg-filters{display:flex;flex-wrap:wrap;gap:8px}.wg-filters button{padding:12px 22px;min-height:44px;background:#fff;border:1px solid #daddd2;border-radius:99px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.wg-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.wg-filters button:hover:not([aria-pressed=true]){background:#f0f2da}.wg-filters sup{font-size:9px;margin-left:5px}
.wg-motion{display:flex;gap:8px;align-items:center;min-height:44px;padding:9px 0 9px 12px;background:none;font-size:11px;white-space:nowrap;color:#676c5b}.wg-motion[aria-pressed=true]{color:#a5115d}.wg-count{font-size:11px;color:#7b7f73;margin:18px 0 40px}.wg-toolbar{visibility:hidden}.wg-enhanced .wg-toolbar{visibility:visible}
.wg-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:70px 44px;align-items:start}.wg-card{position:relative;min-width:0;grid-column:span 7}.wg-forma{grid-column:span 5;margin-top:118px}.wg-nexa{grid-column:span 5}.wg-relay{grid-column:span 7;margin-top:100px}
.wg-art{position:relative;isolation:isolate;container-type:size;aspect-ratio:1.22;overflow:hidden;border-radius:12px;background:#f3f3ef;transform:translate3d(0,var(--wg-lift,0px),0) scale(var(--wg-scale,1));transform-origin:50% 75%;transition:box-shadow .45s var(--ease)}.wg-card:hover .wg-art{box-shadow:0 20px 36px #33382512}.wg-art-forma{aspect-ratio:.84}.wg-art-nexa{aspect-ratio:.93}.wg-art-relay{aspect-ratio:1.18}
.wg-caption{display:flex;justify-content:space-between;gap:15px;padding-top:23px}.wg-caption h3{font-size:27px;letter-spacing:-.05em;font-weight:600}.wg-open{padding:0;background:transparent;font:inherit;text-align:left}.wg-open::after{content:'';position:absolute;inset:0;z-index:10;border-radius:12px}.wg-open:focus-visible{outline:0}.wg-open:focus-visible::after{outline:3px solid var(--pink);outline-offset:7px}.wg-card-arrow{font-size:21px;display:inline-block;margin-left:10px;opacity:0;transform:translate(-4px,4px);transition:transform .3s,opacity .3s}.wg-card:hover .wg-card-arrow,.wg-open:focus-visible .wg-card-arrow{opacity:1;transform:none}.wg-caption p{font-size:12px;color:#73776b;margin-top:7px}.wg-index{font-size:11px;color:#929586;font-variant-numeric:tabular-nums;padding-top:6px}.wg-card-description{font-size:14px;line-height:1.5;letter-spacing:-.015em;margin-top:12px;color:#616557;max-width:390px}
.wg-grid.is-filtered .wg-card{grid-column:span 7;margin-top:0}.wg-grid.is-filtered .wg-art{aspect-ratio:1.15;max-height:760px}.wg-card[hidden]{display:none!important}.wg-section-note{margin-top:65px;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:12px;align-items:start;color:#74796a;font-size:11px;line-height:1.6}.wg-section-note p{max-width:660px}.wg-section-note>span:last-child{margin-left:auto;white-space:nowrap;letter-spacing:.07em;font-size:9px}.wg-note-dot{background:var(--pink);width:6px;height:6px;border-radius:50%;flex:none;margin-top:5px}.wg-nojs{font-size:13px;margin-top:20px}
/* Vela: product-led art direction, not a repeated device mockup. */
.wg-art-vela{background:#eef0ed}.wg-vela-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% 50%;transition:transform 1s var(--ease)}.wg-vela-shade{position:absolute;inset:0;background:linear-gradient(0deg,#eef0ed 0%,#eef0edc9 17%,transparent 45%),linear-gradient(100deg,#f5f5f3aa,transparent 60%)}
.wg-art-top{position:absolute;top:6%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center}.wg-art-top>b{font-size:9cqw;letter-spacing:-.08em;line-height:1;font-weight:600}.wg-art-top>span{font-size:1.25cqw;font-weight:600;letter-spacing:.08em}.wg-vela-message{position:absolute;left:6%;bottom:17%;font-size:7.6cqw;line-height:.95;letter-spacing:-.055em;color:#252a23;font-weight:600}.wg-vela-message em{font-family:Georgia,serif;font-weight:400}.wg-vela-bottom{position:absolute;bottom:5.5%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:end;font-size:1.8cqw;line-height:1.3}.wg-art-pill{padding:2cqw 3cqw;border-radius:99px;background:#d7df58;color:#2b3321;font-size:1.7cqw;font-weight:600}.wg-card:hover .wg-vela-photo{transform:scale(1.045)}
/* Forma: a moving editorial cover in warm neutral tones. */
.wg-art-forma{background:#e9e4d7}.wg-forma-top{height:25%;padding:7% 8% 0;display:flex;flex-direction:column;justify-content:space-between}.wg-forma-top>span{font-size:1.5cqw;letter-spacing:.12em}.wg-forma-top>b{font-family:Georgia,serif;font-weight:400;font-size:18cqw;line-height:.85;letter-spacing:-.075em;position:relative;z-index:2}.wg-forma-top>b>span{font-family:var(--font);font-weight:300;font-size:.65em;color:#7d816d}
.wg-forma-scene{position:absolute;top:28%;bottom:10%;left:6%;right:6%;overflow:hidden}.wg-forma-scene video,.wg-forma-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% 50%}.wg-forma-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1c24175e,transparent 60%)}.wg-forma-title{position:absolute;bottom:8%;left:8%;font-size:10cqw;line-height:.91;font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;color:#fff;z-index:1}.wg-forma-title em{font-weight:400}.wg-forma-bottom{position:absolute;bottom:3.5%;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;font-size:1.85cqw}.wg-forma-bottom>span:last-child{font-size:4cqw}
/* Nexa: original, editable workflow interface; no fabricated performance metrics. */
.wg-art-nexa{background:#e7e0fa;color:#4c3c70}.wg-nexa-top{position:absolute;left:7%;right:7%;top:6%;display:flex;justify-content:space-between;align-items:center}.wg-nexa-top>b{font-size:11cqw;letter-spacing:-.08em;font-weight:600;line-height:1}.wg-nexa-top>b>span{font-size:.55em;color:#9880c5;margin-left:3px}.wg-nexa-top>span{font-size:1.65cqw;line-height:1.4;letter-spacing:.09em}
.wg-board{position:absolute;left:6%;right:6%;top:25%;bottom:21%;border:1px solid #d9d0e7;border-radius:10px;background:#fbfafc;box-shadow:0 15px 28px #6b4d9d19;transform:rotate(-2.5deg);transition:transform .7s var(--ease);overflow:hidden;color:#514660}.wg-board-top{display:flex;justify-content:space-between;align-items:center;padding:5%;border-bottom:1px solid #e9e3ef;font-size:2.05cqw}.wg-board-switch{font-size:1.45cqw;padding:1.2cqw;border:1px solid #e2dce9;border-radius:5px}.wg-board-sub{display:flex;justify-content:space-between;padding:4% 5%;font-size:1.9cqw}.wg-board-sub>span:last-child{font-size:1.12cqw;color:#887f93;align-self:center}
.wg-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2%;padding:0 4% 5%;height:73%}.wg-lane{min-width:0;background:#f3eff7;border-radius:5px;padding:7%;font-size:1.5cqw;overflow:hidden}.wg-lane-name{display:flex;gap:.8cqw;align-items:center;margin-bottom:2cqw;font-size:1.5cqw;white-space:nowrap}.wg-lane-name i{width:1cqw;height:1cqw;border-radius:50%;background:#bcb0d3}.wg-lane:nth-child(2) .wg-lane-name i{background:#cfb558}.wg-lane:nth-child(3) .wg-lane-name i{background:#94a75c}
.wg-task{background:#fff;border:1px solid #e9e2ef;border-radius:5px;padding:10%;margin-bottom:12%;min-height:19cqw;box-shadow:0 2px 3px #74518a04}.wg-task small{font-size:1.05cqw;color:#88779e;letter-spacing:.07em}.wg-task>b{display:block;font-size:1.85cqw;line-height:1.2;font-weight:600;margin:1.3cqw 0}.wg-task p{font-size:1.35cqw;line-height:1.4;color:#8a8095}.wg-task>span{display:block;font-size:1.13cqw;color:#8e809e;margin-top:1.6cqw}.wg-task-small{min-height:0}.wg-task-focus{background:#eee8fa;border-color:#d9ccef;transition:transform .7s var(--ease)}.wg-mini-flow{display:flex;gap:1cqw;padding:1.5cqw 0}.wg-mini-flow>i{height:4cqw;flex:1;background:#d3c1ef;border-radius:3px}.wg-mini-flow>i:last-child{background:#d8deab}.wg-nexa-footer{position:absolute;bottom:6%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:end}.wg-nexa-footer>span:first-child{font-size:6.9cqw;font-weight:600;line-height:.96;letter-spacing:-.05em}.wg-nexa-sample{font-size:1.6cqw;color:#8b7c9f}.wg-card:hover .wg-board{transform:rotate(0)}.wg-card:hover .wg-task-focus{transform:translateY(-3px)}
/* Relay: community campaign cover plus a single contextual invitation. */
.wg-art-relay{background:#f4a78f;color:#542d28}.wg-relay-top{position:absolute;top:6%;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;z-index:2}.wg-relay-top>b{font-size:11cqw;font-weight:600;letter-spacing:-.085em;line-height:1}.wg-relay-top>b>span{font-size:.5em;margin-left:3px}.wg-relay-top>span{font-size:1.45cqw;font-weight:600;letter-spacing:.08em;line-height:1.5}.wg-relay-photo{position:absolute;inset:25% 6% 9%;overflow:hidden;border-radius:3px}.wg-relay-photo img{object-position:center;transition:transform .8s var(--ease);opacity:.92}.wg-relay-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1c2724bf,transparent 80%)}
.wg-relay-message{position:absolute;left:10%;top:39%;font-size:7.2cqw;font-weight:600;letter-spacing:-.06em;line-height:.98;color:#fff;z-index:2}.wg-relay-message em{font-family:Georgia,serif;font-weight:400;color:#ffd7c8}.wg-meet{position:absolute;left:10%;right:10%;bottom:14%;border-radius:8px;padding:3.1%;background:#fff9ed;box-shadow:0 12px 30px #40272125;display:flex;gap:4%;align-items:center;color:#573f32;z-index:3;transform:rotate(1deg);transition:transform .6s var(--ease)}.wg-meet-icon{width:9cqw;height:9cqw;background:#e5eb9d;border-radius:50%;display:grid;place-items:center;font-size:5cqw;flex:none}.wg-meet small{font-size:1.1cqw;letter-spacing:.09em;color:#99806e}.wg-meet b{font-size:3.8cqw;letter-spacing:-.05em;display:block;line-height:1.1;margin-top:1cqw}.wg-meet p{font-size:1.6cqw;margin-top:1.2cqw}.wg-meet-arrow{font-size:3.5cqw;margin-left:auto}.wg-card:hover .wg-relay-photo img{transform:scale(1.04)}.wg-card:hover .wg-meet{transform:rotate(0) translateY(-3px)}
/* Portfolio popup briefs with a single Contact Us action. No separate project pages. */
.wg-dialog{width:min(1230px,calc(100vw - 40px));padding:0;border:1px solid #dfdfd8;overflow:auto}.wg-dialog-top{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;border-bottom:1px solid #e6e6dc}.wg-dialog-top>span{font-size:10px;letter-spacing:.08em;color:#7b7d70}.wg-dialog-close{background:#fff;border:1px solid #d3d7c8;padding:11px 16px;min-height:44px;border-radius:99px;font-size:12px;display:flex;align-items:center;gap:20px}.wg-dialog-close>span{font-size:20px;line-height:1}
.wg-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:36px;align-items:center}.wg-dialog-visual{min-width:0}.wg-dialog-visual .wg-art{aspect-ratio:.9;transform:none!important}.wg-dialog-visual .wg-vela-message{font-size:8cqw}.wg-dialog-copy{padding:12px 0}.wg-dialog-category{font-size:11px;color:#967055;letter-spacing:.035em;margin-bottom:20px}.wg-dialog-copy h2{font-size:clamp(42px,4.3vw,72px);line-height:.95;letter-spacing:-.06em;font-weight:600}.wg-dialog-title{font-size:23px;font-weight:500;letter-spacing:-.035em;line-height:1.25;margin-top:20px}.wg-dialog-description{font-size:16px;line-height:1.6;color:#69705f;margin-top:18px}.wg-dialog-scope{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.wg-dialog-scope>span{border:1px solid #dfe1d6;border-radius:99px;padding:8px 11px;font-size:11px;color:#68705b}.wg-dialog-note{font-size:11px;line-height:1.5;color:#858977;border-top:1px solid #e6e8db;margin-top:27px;padding-top:18px}.wg-dialog-link{display:inline-flex;align-items:center;gap:24px;margin-top:23px;font-size:13px;font-weight:600;border-bottom:1px solid #a0a58d;padding-bottom:7px}.wg-dialog-link:hover{color:#ba0b6d}
.wg-section[data-motion=paused] .wg-art,.wg-section[data-motion=paused] .wg-art *{animation:none!important;transition:none!important;transform:none!important}.wg-section[data-motion=paused] .wg-art{--wg-lift:0px;--wg-scale:1}
@media(min-width:2100px){.wg-grid{gap:85px 60px}.wg-forma{margin-top:160px}.wg-relay{margin-top:130px}.wg-caption h3{font-size:33px}.wg-caption p{font-size:14px}.wg-card-description{font-size:17px}.wg-section-note{font-size:13px}}
@media(max-width:1100px){.wg-grid{gap:60px 28px}.wg-heading{grid-template-columns:1.6fr .8fr;gap:5%}.wg-heading h2{font-size:5.7vw}.wg-heading-note{font-size:16px}.wg-filters button{padding:11px 17px;font-size:12px}.wg-forma{margin-top:90px}.wg-relay{margin-top:85px}.wg-caption h3{font-size:25px}.wg-card-description{font-size:13px}.wg-dialog-grid{padding:28px;gap:4%}}
@media(max-width:820px){.wg-section{padding-top:28px}.wg-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.wg-heading h2{font-size:8.4vw}.wg-heading-note{font-size:17px;max-width:430px}.wg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 22px}.wg-card,.wg-forma,.wg-nexa,.wg-relay{grid-column:span 1;margin-top:0}.wg-art,.wg-art-forma,.wg-art-nexa,.wg-art-relay{aspect-ratio:.87}.wg-toolbar{flex-wrap:wrap;gap:8px}.wg-motion{margin-left:auto}.wg-grid.is-filtered .wg-card{grid-column:1/-1;max-width:650px}.wg-dialog-grid{grid-template-columns:1fr}.wg-dialog-visual .wg-art{aspect-ratio:1.35;max-height:440px}.wg-dialog-copy{padding:30px 4px 12px}.wg-dialog-copy h2{font-size:56px}.wg-caption h3{font-size:25px}.wg-section-note>span:last-child{display:none}}
@media(max-width:600px){.wg-section{padding-top:28px;padding-bottom:8px}.wg-kicker{font-size:9px;margin-bottom:21px}.wg-heading h2{font-size:10.1vw;line-height:1.04}.wg-heading-note{font-size:16px;line-height:1.5;max-width:350px}.wg-heading{margin-bottom:30px;gap:23px}.wg-toolbar{padding-top:18px}.wg-filters{gap:7px}.wg-filters button{padding:10px 15px;font-size:11px;min-height:44px}.wg-motion{font-size:10px;padding:10px 0}.wg-count{margin:8px 0 27px;font-size:10px}.wg-grid{grid-template-columns:1fr;gap:48px}.wg-card,.wg-grid.is-filtered .wg-card{grid-column:1;margin-top:0}.wg-art,.wg-grid.is-filtered .wg-art{aspect-ratio:.98;border-radius:10px}.wg-art-forma,.wg-art-nexa{aspect-ratio:.91}.wg-art-relay{aspect-ratio:.95}.wg-art-top>span{font-size:1.55cqw}.wg-vela-bottom{font-size:2cqw}.wg-art-pill{font-size:2.1cqw}.wg-caption{padding-top:18px}.wg-caption h3{font-size:27px}.wg-caption p{font-size:11px;margin-top:6px}.wg-card-description{font-size:13px;line-height:1.5;margin-top:10px}.wg-card-arrow{opacity:1;transform:none;font-size:19px;margin-left:8px}.wg-section-note{margin-top:42px;padding-top:20px;font-size:10px;gap:10px}.wg-dialog{width:calc(100vw - 18px);max-height:calc(100svh - 18px)}.wg-dialog-top{padding:12px 15px;gap:10px}.wg-dialog-top>span{font-size:8px}.wg-dialog-close{font-size:11px;padding:10px 12px;gap:13px}.wg-dialog-grid{padding:17px;display:block}.wg-dialog-visual .wg-art{aspect-ratio:1;max-height:none}.wg-dialog-copy{padding:28px 2px 14px}.wg-dialog-copy h2{font-size:49px}.wg-dialog-title{font-size:23px}.wg-dialog-description{font-size:15px}.wg-dialog-scope{gap:6px}.wg-dialog-scope>span{font-size:10px}.wg-dialog-category{font-size:10px}.wg-dialog-note{font-size:11px}}
@media(hover:none),(pointer:coarse){.wg-art{transform:none!important}.wg-art *{transition:none!important}.wg-card:hover .wg-art,.wg-card:hover .wg-art *{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.wg-art,.wg-art *{animation:none!important;transition:none!important;transform:none!important}}
html:not(.js) .wg-toolbar{display:none}html:not(.js) .wg-open::after{display:none}html:not(.js) .wg-card-arrow{display:none}
@media print{.wg-toolbar,.wg-dialog,.wg-card-arrow{display:none!important}.wg-art{transform:none!important}.wg-card{break-inside:avoid}.wg-card[hidden]{display:block!important}}


/* Four-project gallery: no category filters; retain the motion control. */
.wg-toolbar{margin-bottom:40px}.wg-toolbar .wg-count{margin:0}
@media(max-width:600px){.wg-toolbar{margin-bottom:27px}}